JavaScript中超级经典的面试题

1.此题考擦变量提升

this.a = 30;
    var obj =  {

        a: 40,
        test : function () {
//            console.log(111111111111);
//            console.log(this);

            console.log(a);
            console.log(this.a); //40


            function fn() {
                this.a = 60;
//                console.log(2222222); 这两行是调试方便调式的 想用可以打开
                console.log(this);
                console.log(this.a);
            }
            fn.prototype.a = 70;
            return fn;
        }
    };


    var p = obj.test();
    p();
    new (obj.test())();
    //上面一句等价于下面两句代码
//    var s = new （test.init()）;  //s是属于window对象 A
//    s(); //谁调用go方法 this就指向谁 此时指向window  B

依次输出结果：30 40 60 接着执行new (test.init())(); 输出60 40 60

2.对上面的代码稍微在变化一下 仔细在看一下

this.a = 30;
    var obj =  {

        a: 40,
        test : function () {
//            console.log(111111111111);
            console.log(this); //此时this指向obj对象

            console.log(a);
            console.log(this.a); //40


            function fn() {
                this.a = 60;
//                console.log(2222222); 这两行是调试方便调式的 想用可以打开
                console.log(this);  //指向window
                console.log(this.a);
            }
            fn.prototype.a = 70;
//            return fn;
            fn(); //就这个一句代码跟上面不一样
        }
    };



    obj.test();
//    obj.test(); //在执行一次 依次输出60 40 60

总结： 一句代码之差输出结果就不一样 一次输出30 40 60 此时不关test什么事

3.考擦按址传递还是按值传递

按址传递和按值传递区别在于你copy的是地址还是值，一般情况下基本数据类型字符串 数值型 bool是属于值引用，只是对值的拷贝，数组和对象属于址引用，是对地址的拷贝，还是上代码，简单明了

//值引用
var a = hello;
var b = a;
b = world; //此时对b进行修改并不会影响a的值 以为这是指引用，只是拷贝的值 非地址 所以并不影响a值的变化
console.log(a);
console.log(b);

//址引用
var arr1 = [1,2,3,1,43,12,12,1];
var arr2 = arr1;
arr2.push(100);  //此时修改arr2的值 会同时改变arr1的值 因为他们是指向的同一块地址
console.log(arr2);
console.log(arr1);

4. 考擦异步操作和同步操作

$(document).click(function () {
    console.log(1);
})

setTimeout(function () {
    console.log(2);
},0)


while(true){
    console.log(3);
}