课堂小记---JavaScript（2）

本阶段难点疑点梳理

1、关于switch中default的使用：

　　default同case功能一样，区别在于并不匹配任何信息，只有当case中无任何匹配的时候才会执行default。需要注意的是，这是在default放在所有case语句最后面的情况下。放在前面不可以吗？大多数初学者几乎都没有注意过这个问题，答案是可以。default语句同case语句一样，需要break语句来终止，这才是我们忽略的重点，在之前的学习中，不管是网上教程，还是老师课上讲的内容，几乎都没有涉及到default的位置问题，如果将default放置在所有case语句前，在不加break的情况下，尽管没有与case匹配成功的语句，default语句后面的case语句一样会执行，这一样被称作“switch穿透”。

总结：default没有终止switch的功能，依然需要添加break。

2、关于代码短路

　　在if、while、for等各种判断语句的判断条件中，可能会出现类似以下这样的判断条件：

 var x,y;
 if( (x=10) || (y=20)){    alert(x+y); }

赋值语句一样可以用来当作if中的判断条件，x=10返回值为10，表示为真，y=20返回值为20，也表示为真。但是，重点来了，上面的代码运行结果为 NAN。

为什么呢？因为出现了代码短路问题。啥是代码短路嘞，其实就是后面的不执行了，就像电路短路了，不工作了。出现这样的情况的原因，就在这个 “ | | ”或运算符上。这个运算符有个特点，只要它两边的语句其中一条为真即为真。但是计算机不会两边都去判断，而是从左到右的顺序去看，如果左边一条为真了，计算机就认为这个判断条件已经成立了，当然就不会继续判断右边的语句。只有在左边的语句不为真的情况下，才会执行到右边的语句。因此，短路就出现了，y变量只声明而并没有给他赋值，在js中经过预解析之后默认是undefined（undefined不是字符串类型），所以后面的alert弹窗输出的理所当然就是 NAN了 ~。

3、关于for循环语句

　　平时用for循环语句的时候，for（）括号中的三条语句都会写，很少用到不写的情况。我这样说是因为不写也可以。例如这样：

for (;;) { }

这是一个死循环。嗯，这得记住咯，好像公司面试题里面这样的情况会很多，尽管几乎用不到。那么，为什么这会是一个死循环呢？for中啥也没写啊。

它其实可以理解为长这样：

for（初态；终态；步长）｛循环体；｝

可是现在初态和终态都没有给，for循环就认为要一直执行下去，除非循环体中有break，return或者抛出异常之后才会终止。

还有：

//这样
for(;1;){};
//和这样
for(;(1);){}

其结果都和while(true){}是一样的，死循环。1 和（1）对于判断来说都是真。

4、关于局部变量和全局变量

考试遇到这么一个题：

 var a = 1;    var b = 1;
 function fn() {
     var a = b = 3;
     alert(a);
     alert(b);
 }
 fn();
 alert(a);
 alert(b);

没见过的同学一定要仔细考虑一下，答案是：3 3 1 3 。

　　关键语句在fn函数中的 var a = b = 3; 这一条。学习时声明一个新的变量一般都是 var a=3；var b =3；但是一定要搞明白，这两种写法是完全不相同的。

实际上黄色背景色的语句等价为： var a=3；b=3；说到这里大家就应该明白这个题目考察的内容了，” b “ 作为一个全局变量被重新赋值为3，而 ” a “ 在fn函数中作为一个局部变量被定义且赋值为3。答案也就明了了。

　　还有一个问题，JS中对新变量的声明不像c、java那么严格，必须声明类型，否则就会报错。JS允许开发者不写 ” var “ 关键字。但是必须要注意的一个问题就是，这样声明的变量将是一个全局变量，哪怕是在函数中创建的。

day04

1、调用任何一个函数的时候，如果前面加上new关键字，这个函数会变成构造函数，即这个函数会自动返回一个对象。

2、向数组添加元素：

　　(1) arr[arr.lenght] （技巧写法，循环向最后添加）

　　(2)arr.push() 向数组末尾追加一个或多个元素，并返回心的数组长度

　　(3)arr.unshift() 向数组的开头添加一个或多个元素，并返回新的数组长度

　　(4)arr.splice() 向数组中添加或删除元素，并返回一个新数组

3、从数组取出元素：

　　(1) arr.pop() 删除并返回数组的最后一个元素。

　　(2) arr.shift() 删除并返回数组的第一个元素

4、find()、findIndex()、some()、every()方法

　　find()：返回符合测试条件的第一个数组元素值，如果没有符合条件的则返回 undefined。

arr.find(function(item){
    return item == xxx ;
})

　　findIndex()：

　　　　findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。

　　　　findIndex() 方法为数组中的每个元素都调用一次函数执行：

　　　　当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。

　　　　如果没有符合条件的元素返回 -1

　　　　注意: findIndex() 对于空数组，函数是不会执行的。

　　　　注意: findIndex() 并没有改变数组的原始值。

　　some()、every():

　　　　every()与some()方法都是JS中数组的迭代方法。

　　　　some()和every() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

　　　　some()和every()方法会依次执行数组的每个元素：

　　　　some()方法如果有一个元素满足条件，则表达式返回true ，剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。

　　　　every()方法如果有一个元素不满足条件，则返回false，剩余元素不会再执行检测。所有元素都符合条件，才会返回true

　　　　注意：不会对空数组进行检测。

　　　　注意：不会改变原始数组。

var s = arr.some(function(item){
    return item == xx;
});

var e = arr.every(function(item){
    return item == xx;
});

5、其他数组对象方法：http://www.runoob.com/jsref/jsref-obj-array.html