JS稀奇古怪题目

JS稀奇古怪题目：

1.操作对象属性优先级高于普通赋值操作

    var a = {
        n: 1
    };
    var b = a;

    //操作对象属性优先级高于普通赋值操作
    a.x = a = {
        n: 2
    };

    console.log(a.n, b.n); // 2 1
    console.log(a.x, b.x); //undefined Object

2.作用域只有局部和全局，没有对象作用域。

只能查找局部和全局作用域

var obj = {
    fn2:function(){
        console.log(fn2);
    }
}
obj.fn2(); //error: fn2 is not defined

修改绑定当前调用对象obj

var obj = {
    fn2:function(){
        console.log(this.fn2);
    }
}
obj.fn2(); //function(){console.log(this.fn2);}

3.变量提升

var a = 2;
function fn(){
    //局部变量提升
    console.log(a);
    var a = 3; 
    
}
fn(); //undefined


function fn2(){
    console.log(a);
    a = 3;
    
}
fn2(); //2 [局部没有a，全局此时为2，之后为3]

只看全局和function作用域不看if则if中的var name 变量提升了：

var name = "hello";

(function(){
    if(typeof name === 'undefined'){
        var name = 'world';
        console.log(name);
    }else{
        console.log(name);
    }
})();  //word

 

4.同名变量和函数

首先变量提升，但函数声明总是覆盖同名变量

• 如果同名变量没有赋值，则类型一定是function
如果同名变量赋值了，
• 如果打印语句在赋值之后，则类型一定是number
• 如果打印语句在赋值之前，则类型一定是function

（1）变量在函数前且有赋值

var b;
function b(){

}
console.log(typeof b); //function

console.log(typeof b); //function

（2）变量在函数前且无赋值

var b = 3;
function b(){

}
console.log(typeof b); //number

console.log(typeof b); //number

（3）变量在函数后且无赋值

function b(){

}
var b;
console.log(typeof b); //function

console.log(typeof b); //function

（4）变量在函数后且有赋值

function b(){

}
var b = 3;
console.log(typeof b); //number

console.log(typeof b); //number

5.线程

主线程执行完毕之后，在从callback queue中取回调函数执行

var a = 6;
setTimeout(function(){
    console.log(0);
    alert(a);
    a = 666;
},0);

console.log(1);
a = 66;

执行主线程： 打印1，然后a = 66，在执行定时器回调函数打印0，弹框值66

6.原型链

注意：是在Function的原型上加方法，不是在F函数对象上加方法

// var F = function(){}

function F(){

}

Object.prototype.a = function(){
    console.log("a()");
}

Function.prototype.b = function(){
    console.log("b()");
}

var f = new F();

F.a();//a()
F.b();//b()
f.a();//a()
f.b();//报错