Javascript中this指向问题——从一道笔试题看起

Grenzlinie0

于 2022-10-15 11:13:53 发布

阅读量253

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/Cdlg_Fans/article/details/127332631

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

做蔚来笔试遇到的一个小问题：

代码

let obj = {
    add1: function(){
        this.log = true;
    },
    add2: ()=>{
        this.state = true;
    }
}
let son = {};
son.__proto__ = obj;
son.add1();
son.add2();
console.log(son.log);
console.log(son.state);
console.log(obj.log);
console.log(obj.state);

过程分析

执行了son.add1和add2这两个函数，执行add1时给son添加了log=true的属性，这个时候打印son.log的值就是true,add2的时候由于箭头函数的this是定义时绑定的外层代码块的this，故此处为window对象，因此打印window.state的值就为true，其他的都为undefined.