JS-this的指向问题

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)