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();//报错