带你填一些JS容易出错的坑|博客系列

		let a = {n : 1};
        let b = a;
        a.x = a = {n: 2};

        
        console.log(a.x)
        console.log(b.x)

		var a = 0,  
            b = 0;
        function A(a) {
            A = function (b) {
                console.log(a + b++)
            }
            console.log(a++)
        }
        A(1)
        A(2)

答案：Object(4) [empty × 2, 1, 2, splice: ƒ, push: ƒ]

解释就是第一次使用push,obj对象的push方法设置obj[2] = 1,obj.length++

解释就是第一次使用push,obj对象的push方法设置obj[3] = 2,obj.length++

使用console.log()方法输出的时候，因为obj上有length属性和splice方法，故将其作为数组输出打印

打印时因为数组未设置下标为0和1的值，故打印的结果就是empty，主动获取obj[0] = undefined

Function b

- 如标题一样，非匿名自执行函数，函数名不可以修改，严格模式下会TypeError，
- 非严格模式下，不报错，修改也没有用。
- 查找变量b时,立即执行函数会有内部作用域，会先去查找是否有b变量的声明，有的话，直接复制
- 确实发现具名函数Function b(){} 所以就拿来做b的值
- IIFE的函数内部无法进行复制(类似于const)

		var b = 10;
        (function b(){
            // 'use strict'
            var b = 20
            console.log(window.b) 
            console.log(b)
        })()

10
20
// 访问b变量的时候,发现var b = 20;在当前作用域中找到了b变量，于是把b的值作为20

		var b = 10;
        (function b(){
            console.log(b)
            b = 5
            console.log(window.b)
            var b = 20
            console.log(b)
        })()

var name = 'World!';
(function () {
    if (typeof name === 'undefined') {
        var name = 'Jack';
        console.log('Goodbye ' + name);
    } else {
        console.log('Hello ' + name);
    }
})();

var name = 'World!';
(function () {
    var name;
    if (typeof name === 'undefined') {
        name = 'Jack';
        console.log('Goodbye ' + name);
    } else {
        console.log('Hello ' + name);
    }
})();

	var str = 'World!';   
    (function (name) {
    if (typeof name === 'undefined') {
        var name = 'Jack';
        console.log('Goodbye ' + name);
    } else {
        console.log('Hello ' + name);
    }
    })(str);
    答案：Hello World 因为name已经变成函数内局部变量

var END = Math.pow(2, 53);
var START = END - 100;
var count = 0;
for (var i = START; i <= END; i++) {
    count++;
}
console.log(count);

在 JS 里, Math.pow(2, 53) == 9007199254740992 是可以表示的最大值. 最大值加一还是最大值. 所以循环不会停.

var ary = [0,1,2];
ary[10] = 10;
ary.filter(function(x) { return x === undefined;});

0 in ary; => true
3 in ary; => false
10 in ary; => true
也就是说 从 3 - 9 都是没有初始化的'坑'!, 这些索引并不存在与数组中. 在 array 的函数调用的时候是会跳过这些'坑'的.

var two   = 0.2
var one   = 0.1
var eight = 0.8
var six   = 0.6
[two - one == one, eight - six == two]

[true,false]

function showCase(value) {
    switch(value) {
    case 'A':
        console.log('Case A');
        break;
    case 'B':
        console.log('Case B');
        break;
    case undefined:
        console.log('undefined');
        break;
    default:
        console.log('Do not know!');
    }
}
showCase(new String('A'));

switch 是严格比较, String 实例和 字符串不一样.
答案自然是'Do not know' 
所以一般情况下,写switch语句，也建议写default

function showCase2(value) {
    switch(value) {
    case 'A':
        console.log('Case A');
        break;
    case 'B':
        console.log('Case B');
        break;
    case undefined:
        console.log('undefined');
        break;
    default:
        console.log('Do not know!');
    }
}
showCase2(String('A'));

答案：Case A
解析：String('A')就是返回一个字符串

function isOdd(num) {
    return num % 2 == 1;
}
function isEven(num) {
    return num % 2 == 0;
}
function isSane(num) {
    return isEven(num) || isOdd(num);
}
var values = [7, 4, '13', -9, Infinity];
values.map(isSane);

答案：[true, true, true, false, false]
解析：%如果不是数值会调用Number（）去转化
     '13' % 2       // 1
      Infinity % 2  //NaN  Infinity 是无穷大
      -9 % 2        // -1
巩固： 9 % -2        // 1   余数的正负号随第一个操作数

Array.isArray( Array.prototype )

答案：true
解析：Array.prototype是一个数组
数组的原型是数组，对象的原型是对象，函数的原型是函数

[]==[]

答案：false
解析：两个引用类型， ==比较的是引用地址

[]== ![] 

(1)! 的优先级高于== ，右边Boolean([])是true,取返等于 false
(2)一个引用类型和一个值去比较 把引用类型转化成值类型，左边0
(3)所以 0 == false  答案是true

'5' + 3
'5' - 3

答案：53  2
解析：加号有拼接功能，减号就是逻辑运算
巩固：typeof (+"1")   // "number" 对非数值+—常被用来做类型转换相当于Number()

1 + - + + + - + 1