首页 JavaScript 正文
  • 本文约425字,阅读需2分钟
  • 1450
  • 0

JavaScript class中函数的this指向

温馨提示:本文最后更新于2021年5月31日 17:22,若内容或图片失效,请在下方留言或联系博主。

​首先定义一个基础的类

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的指向

标签:JavaScript
评论