以下代码的输出结果是? 为什么
var a = 1;
console.log( a+++a ); // 输出结果为 3;
原因:
++的优先级大于+;a+++a 相当于`a++` + `a`; 又因为a++是先运算后自增,所以1+2=3;
以下代码的输出结果是? 为什么
var a = 1;
var b = 3;
console.log( a+++b ); // 输出结果为4;
原因:
和问题1同理++的优先级大于+,相当于`a++` + `b`; 所以1+3= 4;
void 0
和 undefined
在使用场景上有什么区别?
一直以来, undefined
都不是JavaScript的关键字或保留字,这意味着我们可以修改window.undefined
的值,由于undefined
会被频繁调用作为比较运算的操作数等原因,修改undefined
的值是有弊端的,在ES5规范之后,window.undefined
被定义为不可写、不可配置的属性。
在js中使用void 0
代替undefined
是为了兼容性以及预防代码的不规范(自己修改undefined
的值)。
undefined
变量声明后未赋值,则变量会被自动赋值为undefined
;
函数中定义了一些形参,如果传入的实参少于预定义的形参,那么有一些形参就会匹配不到实参,继而会被自动赋值为undefined
;
没有返回值的函数,默认返回undefined
;
void
运算符
void
运算符后面接一个表达式,无论表达式的内容是什么,只要跟在void
之后都会被调用执行,执行完毕之后void
操作符返回undefined;
使用void
的三种用处:
1.生成undefined
使用void 0
生成undefined
,既减少了在原形链上查找window.undefined
的时间,也避免了误用被修改过的undefined。
function checkLogin (loginName) {
if (loginName === void 0) {
console.log('Wrong!');
}
}
checkLogin(); // => 'Wrong!'
2.让函数立即执行;
运算符和函数组合使用,可以让函数立即执行。实际上,有许多运算符可以让函数立即执行,比如 +、-、!、~ 以及本文提到的 void 等运算符。此外,还有最常见的小括号(不是运算符,会改变优先级):
(function(){
console.log('立即执行');
})();
// => '立即执行'
3.充当javascript:协议的url;
对于网页中的点赞、收藏等按钮,如果使用 a 标签来实现的话,往往会用到 href="javascript:void(0)"
等类似的代码,这段代码的作用点击链接时让页面不跳转。
在 href="javascript:void(0)"
中,使用了一个以 javascript: 协议开头的 URI,浏览器默认会对冒号后面的代码求值,然后将结果显示在新的页面,但有一种情况例外,如果结果是 undefined
,浏览器就不会刷新页面渲染新值了。
javascript: 协议声明了 URL 的主体是任意的 javascript 代码,由 javascript 解释器编译执行,通常使用 javascript:URL 执行某些不改变当前页面文档的代码,要做到这一点,必须确保 URL 的最后一条语句没有返回值,比如使用void 0
。
以下代码输出结果是? 为什么
var a = 1, b = 2, c = 3;
var val = typeof a + b || c > 0;
console.log(val) // 输出结果为 number2;
原因:
typeof的优先级相当的高,比加减乘除等都高,在上面题中优先级从大到小排序为,typeof、+、>、||、=;
按照优先级的先后来运算,得到typeof a为number,+b为2,c > 0 为true; 又因为运算符或||只要左边为
true就会返回左边的值,左边的值为false右边的值为true时会返回右边的值,两边为false时会返回false。
而 题目中number2转换为booler值为true,所以最终结果为number2。
var d = 5;
var date = d == 5 && console.log('bb')
console.log(data) // 输出结果为undefined;
原因:
&&的左边为true时,输出右边的值,&&的左边为false时输出左边。优先级从大到小== 、&& 、= ; 先算d == 5为true,再算cosole.log('bb')返回值为undefined(console.log(‘bb’)== undefined //为true)所以输出&&右边的值为undefined,最后赋值给data。
所以最终输出结果为undefined。
var data2 = d = 0 || console.log('haha')
console.log('data2') //输出结果为undefined
原因:
当运算符||左边值为false时,会返回右边的值;当左边值为true时,会返回左边的值。优先级从大到小||、=;先算console.log('haha')其返回值为undefined; 而运算符||右边有两个=,运算符=是右结合的,所以先算d = 0,其转换为布尔值为false;最后把返回的右边的值undefined赋值给data2。
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x) //输出结果为2
原因:
题中优先级从大到小为()、!、+、=;第一步算:(!"world", !!"from here!!"),其里面!优先级大于逗号运算符,且!是右结合,所以 !!"from here!!"相当于!(!"from here!!")其返回值为true;而!"world"返回值为false,(而逗号运算符用于对两个表达式求值,并返回后一个表达式的值。)所以第一步返回值为true。第二步算:!!"Hello",相当于!(!"Hello"),第二部返回值为true。第三部算true+true,又因为当+两边的运算数是布尔值时,true会转为1,false会转换为0,因此第三步返回值为2。最后将2赋值给x。所以最终结果为2。
遍历数组,把数组里的打印数组每一项的平方
var arr = [3,4,5]
// todo..
//输出9,16,25
代码:
var arr = [3,4,5];
for(var i = 0; i < arr.length; i++){
console.log(arr[i]*arr[i]);
}
遍历 JSON, 打印里面的值 (难度**)
var obj = {
name: 'hunger',
sex: 'male',
age: '28'
}
// todo...
//输出name: hunger, sex: male, age:28
代码:
var obj = {
name: 'hunger',
sex: 'male',
age: '28',
}
for(var key in obj) {
console.log( obj[key] );
}
文章著作权归饥人谷_sunny和饥人谷所有,转载须说明来源