JavaScript class中函数的this指向

​首先定义一个基础的类

class Test {
    setName(name = 'kingmin') {
        this.name = name
    }
    speak() {
        console.log(this);
    }
}

将上面的类实例出一个对象K,并调用K的speak方法

const k = new Test()
k.speak() // Test {name: "kingmin"}

上面的打印结果显示由类构造出的实例对象,因此this会指向由类构造出的实例对象

尝试将K实例对象身上的speak方法赋值给另一个变量进行调用

const ts = k.speak
ts() // undefined

       打印undefind,因此上面的方法可以改写成如下

const ts = function () {
    "use strict"
    console.log(this);
}
ts() // undefined

由此可以得出,在class中,定义的方法,class会默认在函数体内开启严格模式,严格控制this的指向

CTRL+D快速收藏,欢迎常来喔

未经允许不得转载:作者: KingMin, 转载或复制请以 超链接形式 并注明出处 KingMin
原文地址: 《JavaScript class中函数的this指向》 发布于2021年5月31日

本文链接:JavaScript class中函数的this指向 - https://www.kingmin.cn/JavaScript/31.html

本文标签:

相关推荐
发表评论
0 评论
还没有评论,快来抢沙发吧!