0
点赞
收藏
分享

微信扫一扫

JS-this的指向问题

谁知我新 2022-02-26 阅读 79
html前端

this的指向问题

this会随着执行环境的改变而改变

·在方法中,this表示该方法所属的对象

let person = {
    firstName: 'Jhon',
    id : 5567,
    fullName:function(){
        return this.firstName
    }
}

·如果单独使用,this表示全局对象

var x = this

·在函数中,this表示全局对象

function myFunction(){
	return this
}

·在函数中,在严格模式下,this是未定义的undefined

"use strict"
function myFunction(){
	return this
}

·在事件中,this表示接收事件的元素

<button onclick="this.style.display='none'">
    点击消失
</button>

·类似call()和apply()方法可以将this引用到任何对象

var person1 = {
    fullName:function(){
        return this.firstName+" "+this.lastName
    }
}
var person2 = {
    firstName:"Jhon",
    lastName:"Doe",
}
person1.fullName.call(person2)
举报

相关推荐

0 条评论