面试题:(考察闭包,this指向,预解析,函数执行顺序等知识点)

    xiaoxiao2021-03-25  54

    案例(不带注释版)

    var num = 20; var obj = { num : 30, fn : (function (num) { this.num *= 3; num += 15; var num = 45; return function () { this.num *= 4; num += 20; console.log(num); } })(num) }; var fn = obj.fn; fn(); obj.fn(); console.log(window.num, obj.num);

    解析:(不一定正确,仅供参考,不足之处欢迎告知)

    1,自调用函数的this指向window 2,任何函数作为函数调用的话,this指向window 3,预解析和闭包知识

    var num = 20;//定义一个全局变量 var obj = {//将结果赋值给obj变量。 num: 30, fn : (function (num) { console.log(this);//自调用函数的this指向window console.log(this.num);//全局的num为20 this.num *= 3;//改变的是全局的window.num=60 console.log(this.num);//60 console.log(num);//20---这个num是实参的值,实参声明优先级高于变量声明, num += 15; console.log(num);//改变了实参num=35 var num = 45;//变量不会重复声明,会重新赋值 console.log(num);//实参num=45 console.log(666); return function () { console.log(this); this.num *= 4; num += 20; console.log(num); }//形成了闭包 })(num)//这里的thiswindow,传入this.num一样,传递的是全局的num,而且简单数据类型传值,这里边的实参变化不会改变外部的变量值。假如传入的是复杂类型则不同。 };//到这已经执行了。obj的fn属性值是return的函数,而自调用函数只执行这一次。 var fn = obj.fn;//obj.fn是return的函数 fn();//65---所有的函数在被当做函数执行的时候,this 都指向 windowglobal),ES6除外,而num由于闭包拥有上层函数中变量的访问权,即45+20=65,而全局变量的num = 60 * 4 = 240 obj.fn();//85---这里是obj对象调用了fn方法,this是指obj,所以obj.num = 30 * 4 = 120 console.log(window.num, obj.num);

    以上内容作为个人学习记录使用,仅供参考,欢迎讨论。

    转载请注明原文地址: https://ju.6miu.com/read-36847.html

    最新回复(0)