1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js this指向哪里 JavaScript this指向

js this指向哪里 JavaScript this指向

时间:2022-08-27 22:59:41

相关推荐

js this指向哪里 JavaScript   this指向

非箭头函数中的this指向一般都是调用者

在非箭头函数中

谁调用了函数,那么函数的this指向就是谁

比如

let obj1 = {

name:'obj1',

say:function(){

console.log('非箭头函数',this.name)

}

}

obj1.say() 调用之后this指向就是obj1,因为调用者是obj1

而箭头函数没有自己的this,在哪里定义箭头函数,箭头函数就会绑定到外层的this

箭头函数的this跟谁调用它并没有关系 只看在哪里定义

<script>

let obj = {

name:'obj',

say: () =>{

console.log('箭头函数',this.name)

}

}

<script>

obj.say() this指向就是window对象 严格模式下则是undefined

因为对象在定义的时候是全局的,它的this指向是window,箭头函数会继承外部的this指向

一般来说,箭头函数大多数时候都是指向window或者undefined,而如果是在一些框架中可能会绑定到某个对象上面,这其实是框架帮我们指定了箭头函数的外部的this指向

比如在普通函数里面使用箭头函数

代码如下

<script>

let obj = {

name: 'obj',

say: function() {

console.log(this.name)

let myArrow = () => {

console.log(this.name)

}

myArrow()

}

}

obj.say() //obj

function Person () {

this.name = 'person'

this.say = obj.say

}

let xiaoming = new Person()

xiaoming.say() //person

</script>

首先,普通函数里面定义了一个箭头函数,箭头函数的this就指向了外层函数的this

但是在普通函数中,this是需要运行时才会绑定到对应的对象,也就是运行的时候谁调用就指向谁

所以在执行obj.say的时候say的this是obj,所以箭头函数的this也是obj

而当使用new运算符时,构造函数的this指向它的实例对象xiaoming,所以调用say的时候this指向了实例化的对象,所以箭头函数this也指向实例化的对象

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。