this是关键字,this指向了当前代码运行时的对象,比如说:
以下代码是我自己理解,有错请指出,谢谢
var name = 'Chen'
var person = {
name : 'Kris',
age: '27',
greeting: function() {
console.log(this.name + '' + this.age);
}
}
var person1 = {
name: 'Kris',
greeting: ()=> {
console.log(this)
console.log(this.name)
},
greeting2: function () {
console.log(this)
console.log(this.name)
}
}
function Person () {
this.name = 'Kris'
setTimeout(() => {
console.log(this.name)
},200)
}
function PersonS () {
this.name = 'Kris'
setTimeout(function () {
console.log(this.name)
},200)
}
person.greeting() //Kris 27
var a = person.greeting
a() //Chen Undefined
var a = person
a.greeting() //kris 27
console.log('PERSON1 Greeting')
person1.greeting() //Chen window
console.log('PERSON1 Greeting2')
person1.greeting2() //Kris
var b = person1.greeting
console.log('PERSON1 Greetingb')
b() //Chen window
var d = person1.greeting2
console.log('PERSON1 Greeting2b')
d() //window Chen
var c = person1
c.greeting() //Chen window
var Person1 = new Person() //Kris
var Person2 = new PersonS() //Chen
从以上的代码可以看出,在没有使用setTimeout延迟函数的时候,this指向调用它那个函数的对象。比如说person.greeting()这个是用person调用的greeting,所以输出Kris,但是如果像接下来的先将person.greeting传值给a,再执行a(),那么这个就是window的调用,所以会输出全局的“Chen”。
再看person1,方法的箭头函数this指向全局window对象,而普通函数则指向调用它的对象
箭头函数的this是在定义函数时绑定的,不是在执行过程中绑定的。简单的说,函数在定义时,this就继承了定义函数的对象。
延迟函数,不使用箭头函数的时候,this指向Window.
如有错误,请指出,我修改。谢谢各位。