vue中methods定义的方法普通写法this指向Vue实例，而箭头函数指向的不是Vue实例
methods:{
/*
methods其实是一个对象,reduce和add都称作为对象的方法，
ES6可以简写属性名属性值，也可以简写方法*/
//箭头函数 看外层函数的指向，如果没有则指向undefined
reduce:()=>{
console.log(this) //undefined
},
//简写方法 普通函数
add(){
console.log(this); //Vue实例
},
//完整写法
add:function(){
console.log(this)
}
},
一，普通函数中的this指向，二，定时器方法中的this指向，三，构造函数中的this指向，四，对象方法中的thi...
this指向说明： 全局作用域或者普通函数中this指向全局对象window 方法调用中this指向调用该方法的对...
① 在普通函数中，this指向window ② 在构造函数中，this指向创建的对象 ③ 在对象方法调用， 此时 ...
在window中定义的方法，es5和es6的this都一样指向window 在事件处理中的this指向 在对象方法...
JavaScript 中的原型对象中的方法中的 this 指向当前调用的这个方法的具体事例。
1. 普通方法中的this指向 2. getter方法中的this指向 因为c.d的值，在c初始化的时候就确定了（...
0、第一种用途：this指向当前对象的引用 this指向调用当前方法的对象。 在方法中调用当前类其它字段或方法需要...
1. 普通函数中的this指向 普通函数this指向global也就是window 2. 定时器方法中的this指...
（一）call原理解析 如下所示为一个call的使用栗子： call方法改变了add方法中的this指向，指向了第...
总结： 纯粹的函数调用:指向全局 作为对象方法的调用:指向对象（调用者） 构造函数调用：构造函数中的this指向n...
本文标题：22-vue中方法的this指向
本文链接：https://www.haomeiwen.com/subject/yuncmctx.html
网友评论