1、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?
共有六种数据类型:
数值(number):整数和小数(比如1和3.14)
字符串(string):字符组成的文本(比如”Hello World”)
布尔值(boolean):true(真)和false(假)两个特定值
undefined:表示“未定义”或不存在,即此处目前没有任何值
null:表示空缺,即此处应该有一个值,但目前为空
对象(object):各种值组成的集合
数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最原始的数据类型,不能再细分了。而将对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。
2、typeof和instanceof的作用和区别?
在变量和值上调用typeof,将返回一个字符串,这个字符串标示了这个变量或值的类型。如果这个变量或值是一个引用类型将会返回"object"。如果是原始类型输出结果如下:
typeof "ABC" ==> string
typeof true ==> boolean
typeof 112 ==> number
typeof undefined ==> undefined
typeof null ==> object
typeof function (){}==>function
typeof {} ==> object
typeof [] ==>object
其中typeof null 返回的object,这是因为JavaScript最初实现的一个错误,然后被沿用到现在。现在,null被认为是对象的占位符,从而解释了这一矛盾。从技术将null还是一个元素类型。比如:var obj 变量是一个对象类型的,我们在程序中会这样给obj初始值:var obj=null;
typeof在运算一个引用类型时,总是返回object。不能判断这个引用类型是数组还是对象,这时就可以用instanceof,它用于判断一个变量是否是某个对象的实例:
var o = {};
var a = [];
o instanceof Array // false
o instanceof Object //true Array 是Object的子类,所以也是true
a instanceof Array // true
3、如何判断一个变量是否是数字、字符串、布尔、函数
用type 变量名;就可返回一个此变量类型的字符串,假如此变量名为a:
type a === "number";
type a === "string";
type a === "boolean";
type a === "function";
4、NaN是什么? 有什么特别之处?
不是数值(非数值),字面全拼为:Not a Number
用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了),就会返回“NaN”值。
NaN 值非常特殊,因为它“不是数字”,所以任何数跟它都不相等,甚至 NaN 本身也不等于 NaN 。
任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。
isNaN()计算一个参数,检查它是否为数值, 语法是isNaN(testValue) ,返回true或者false。
5、如何把非数值转化为数值?
javascript有3个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat()。
Number()可以用于任何数据类型(此函数平时很少使用)。
parseInt()、parseFloat()专门用于把字符串转换成数值(比较常用的)。
Number()转换规则:
【1】如果是Boolean值,true和false将分别被转换为1和0。
【2】如果是数字值,只是简单的传入和返回。
【3】如果是null值,返回0。
【4】如果是undefined,返回NaN。
【5】如果是字符串,遵循下列规则:
1)、如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转化为十进制数值,既"1"变成1,"123"变成123,但是"012"会变成11(注意:前导的零被忽略了);
2)、如果字符串中包含有效的浮点格式,如"1.1",将其转换为对应的浮点数值(同样也会忽略前导零);
3)、如果字符串中包含有效的十六进制格式,如"0xf"则将其转换为相同大小的十进制整数值;
4)、如果字符串是空的(不包含任何字符),则将其转换为0;
5)、如果字符串中包含除上述格式之外的字符,则将其转换为NaN;
【6】如果是对象,则调用对象的valueOf方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次依照前面的规则转换返回的字符串值。
例如
var num1 = Number("Hello world"); //NaN
var num2 = Number(""); //0
var num3 = Number("000011"); //11
var num4 = Number(true); //1
由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理函数的时候更常用parseInt()函数。
【1】parseInt():从字符串中提取整数,遇到非数字,就停止,不在看后面的。
【2】parseInt()函数能够识别出各种整数格式(2、8、10、16进制度),默认是10进制。
如果要转换其他进制,要带上第二个参数:转换时使用的基数(即多少进制),默认10进制可以不带第二个参数。
【3】parseInt()函数在下面情况会提示NaN:
1)、第一个字符不是数字字符或者负号;
2)、转换空字符串
示例
var num1 = parseInt("22.5"); //22
var num2 = parseInt("1234blue"); //1234
var num3 = parseInt("blue1234"); //NaN
var num4 = parseInt(""); //NaN
var num5 = parseInt("AF", 16); //175(指定了16作为第二参数,字符串可以不带前面的"0x")
var num6 = parseInt("10", 2); //2(按二进制解析)
var num7 = parseInt("10", 8); //8(按八进制解析)
var num8 = parseInt("10", 10); //10(按十进制解析)
var num9 = parseInt("10", 16); //16(按十六进制解析)
6、==与===`有什么区别
==:等于运算,但是不比较值的类型, 两边值类型不同的时候,要先进行类型转换,再比较。
===:完全等于运算,不仅比较值,而且还比较值的类型,当两边类型不一致时,不做类型转换,类型不同的一定不等,只有两者一致才为真。
7、break与continue有什么区别
break 语句在循环体语句(for ,while, do while,switch)等具有迭代选择特征的语句中使用,而且是终止最近的封闭代码块(即多重循环时,它只终止自己所在的循环),整体代码接在break语句后继续执行(如果break语句不是最后一行代码的话)。
continue语句与break语句使用场合类似,含有continue的迭代语句(或者叫循环语句),在遇到continue语句后,代码先不按照常规的从上往下的代码执行顺序执行,而是马上回到循环入口转入下一次循环。
要注意的是,continue语句是不可以在单独的switch语句中使用,但可以在一个循环内的switch语句中使用,这时将导致进入下一次循环。
8、void 0 和 undefined在使用场景上有什么区别。
一般都是用来对某个值做if判断,判断是否等于undefined。
但是一般用void 0来代替undefined,undefined 是windows的一个属性,每次使用都要调用,比较费时,而且它还是一个可以重定义的变量,容易出错。
不管void后的运算数是什么,只管返回undefined,用void 0.只是比较省事,也可用void 1; void100;
** 以下是扩展阅读 **
undefined
一直以来, undefined 都不是 JavaScript 的关键字或保留字,这意味着我们可以修改 window.undefined 的值。
由于 undefined 会被频繁调用作为比较运算的操作数等原因,修改 undefined 的值是有弊端的,所以在 ES5 规范之后, window.undefined 被定义为不可写、不可配置的属性。
常见的 undefined :
变量声明后未赋值,则变量会被自动赋值为 undefined
函数中定义了一些形参,如果传入的实参少于预定义的形参,那么有一些形参就会匹配不到实参,继而会被自动赋值为 undefined
没有返回值的函数,默认返回 undefined
void 运算符
void 运算符后面接一个表达式,无论表达式的内容是什么,只要跟在 void 之后都会被调用执行,执行完毕后 void 操作符返回 undefined :
void (expression)
简而言之,使用 void 运算符有三种用处:
生成 undefined
让函数立即执行
充当 javascript: 协议的 URI
生成 undefined
使用 void 0 生成 undefined 的做法由来已久,既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined 。
function checkLogin (loginName) {
if (loginName === void 0) {
console.log('Wrong!');
}
}
checkLogin();
// => 'Wrong!'
立即执行函数
运算符和函数组合使用,可以让函数立即执行。实际上,有许多运算符可以让函数立即执行,比如 + 、 - 、 ! 、 ~ 以及本文提到的 void 等运算符。此外,还有最常见的小括号(不是运算符,会改变优先级):
(function(){
console.log('立即执行');
})();
// => '立即执行'
充当 javascript: 协议的 URI
对于网页中的 点赞 、 收藏 等按钮,如果使用 a 标签来实现的话,往往会用到 href="javascript:void(0)" 等类似的代码,这段代码的作用点击链接时让页面不跳转。
在 href="javascript:void(0)" 中,使用了一个以 javascript: 协议开头的 URI,浏览器默认会对冒号后面的代码求值,然后将结果显示在新的页面,但有一种情况例外,如果结果是 undefined ,浏览器就不会刷新页面渲染新值了。
实际上,我们有很多方式实现 点赞 、 收藏 的效果,无需使用这么 Hack 的方式——虽然这确实很方便。
javascript: 协议声明了 URL 的主体是任意的 javascript 代码,由 javascript 解释器编译执行,通常使用 javascript:URL 执行某些不改变当前页面文档的代码,要做到这一点,必须确保 URL 的最后一条语句没有返回值,比如使用 void 0 。
9、以下代码的输出结果是?为什么?
console.log(1+1); //2
console.log("2"+"4"); //"24"
console.log(2+"4");// "24"
console.log(+"4");//4,字符串变数值:+"str","str"-0,变字符串:var+"",变布尔:!!0=>false.加法运算中,一个是字符串,另一个是非字符串,后者会被自动转换成字符串。
10、以下代码的输出结果是?
var a = 1;
a+++a; //3 (a++)+a,第一个a为1,第二个a自增后的a=2,相加为3。
typeof a+2; //"number2" typeof的优先级比+高
11、以下代码的输出结果是? 为什么
var a = 1;
var b = 3;
console.log( a+++b );//4 a++增值了还没参与计算,所以还是1,再加b等于4。如果是++a+b,就是先增值再加b,等于5。
12、遍历数组,把数组里的打印数组每一项的平方
var arr = [3,4,5]
//1、
for(let i=0; i<arr.length; i++ ){
console.log("arr["+i+"]="+arr[i]+",它的平方是"+Math.pow(arr[i],2));
}
//2、
for (let i in arr){
console.log("arr["+i+"]="+arr[i]+",它的平方是"+Math.pow(arr[i],2))
}
13、 遍历 JSON, 打印里面的值
var obj = {
name: 'hunger',
sex: 'male',
age: 28
}
for (let i in obj){
console.log("abj["+i+"]="+obj[i]);
}
14、 以下代码输出结果是? 为什么 (选做题目)
var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0 //==>typeof a+(b||true)==>typeof a+b==>number2 ||前面为ture,返回前面的值,为false,返回后面的值。
console.log(val)
var d = 5;
var data = d ==5 && console.log('bb')//==>true&&"bb"==>"bb" &&前面为ture,返回后面的值,为false返回后面的值。
console.log(data)
var data2 = d = 0 || console.log('haha')//0可转化为false
console.log(data2)//"haha"
var x = !!"Hello" + (!"world", !!"from here!!");//x=1+(0,1);==》x=1+1;
console.log(x)//2,
逻辑运算符操作非逻辑数时:
(逻辑与expr1&&expr2) 如果expr1操作数能被转换为false,那么返回expr1;否则,返回expr2。
(逻辑或expr1||expr2) 如果expr1能被转换为true,那么返回expr1;否则,返回expr2。
(逻辑非!) 如果操作数能够转换为true则返回false;否则返回true。
能被转换为false的值有null, 0, NaN, 空字符串("")和undefined。