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

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

xmr79

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

阅读量507

点赞数 1

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

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

版权

在JavaScript的class中，由于默认开启严格模式，函数内的this不再默认指向全局对象（在浏览器环境中通常是window），而是undefined。文章通过一个示例展示了在constructor内定义的传统函数中，this的指向是undefined。为解决这个问题，文章推荐使用箭头函数，因为箭头函数的this保持了外层作用域的指向，即指向class实例本身。

摘要由CSDN通过智能技术生成

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