class内部function定义的函数this指向undefined

最新推荐文章于 2023-10-19 13:36:02 发布

xmr79

最新推荐文章于 2023-10-19 13:36:02 发布

阅读量434

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/xmr79/article/details/129047898

版权

class会默认开启严格模式，严格模式下this的默认指向为undefined

class Fun {
    constructor() {
        let resolve = function() {
            console.log('this', this)
        };
        resolve();
    }
}

new Fun(); // this undefined

如上代码，在constructor里面用function定义了一个函数，函数打印this，然后直接调用该函数，正常情况该this应该是window，这里this的指向却是undefined。

我搜了相关信息才发现，class会默认开启严格模式，严格模式下this的默认指向为undefined。

class相关

这里使用箭头函数就好了，利用箭头函数this指向上下文的特点

class Fun {
    constructor() {
        let resolve = () => {
            console.log('this', this)
        };
        resolve();
    }
}

new Fun(); // this Fun