20161230作业

以下代码的输出结果是? 为什么

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]);
}

Paste_Image.png

遍历 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] );
}

Paste_Image.png

文章著作权归饥人谷_sunny和饥人谷所有，转载须说明来源