Vue中this使用详解
#在函数中使用##在函数中直接使用+严格模式和非严格模式this的指向问题-严格模式下this指向undefined-非严格模式下this是指向windowfunction get(){console.log(this)}get()function get(){‘use strict’console.log(this)}get()+函数在被直接调用的时候其中的this指针永远指向window+匿名
#在函数中使用
##在函数中直接使用
+严格模式和非严格模式this的指向问题
-严格模式下this指向undefined
-非严格模式下this是指向window
function get(){
console.log(this)
}
get()
function get(){
‘use strict’
console.log(this)
}
get()
+函数在被直接调用的时候其中的this指针永远指向window
+匿名函数的this总是指向window对象的
+谁执行函数,this就指向谁
+如果函数new了一下 就会创建一个对象,this是指向新创建的对象的
+谁执行了函数 this就指向谁
-全局的上下文(GO)代码载入浏览器中的时候 全局环境被创建 当我们关闭浏览器的时候 被销毁
-函数的上下文(AO)函数在执行的时候 一定有额外的信息来支撑的 function是对象 就会有方法,function中最最核心的call 方法。
+call 方法的时候、
…js
function say(content) {
console.log(“from”+this +”:hello”+content)
}
say.call(‘bobo”, “lmj”)
say()
…js
1.把第二个到最后一个参数作为函数执行时要传入的参数
2.把函数执行时的this指向的是第一个参数
3.调用函数的语法糖
…js
function say(content){
console.log(content)
}
say(‘hello word’)
//say.call(window,”hello word”)
(function(name){
})(‘bobo’)
(function(name){
}).call(window, ‘bobo’)
…js
##函数作为对象的方法去调用
var person = {
name: ‘bobo’,
run: function(time) {
console.log(`${this.name} 跑了${time}分钟就不行了`)
}
}
person.run(30)
person.run.call(person, 30)
```js
例子一:
```js
var x = 10
var obj = {
x:20,
f:function(){
console.log(this.x)
var foo = function()(console.log(this.x)}
foo()
}
}
obj.f()
```js
//例题看哔哩哔哩
#不在函数中
```js
//不在函数中使用的时候,this还是指向了window
var a = 100
var obj = {a:1,b:this.a+1}
console.log(obj.b)
```js
#ES6的箭头函数中的this
```js
//箭头函数没有this 默认指向定义他的时候的执行期上下文所在的对象
#函数在当作构造函数的时候 也同样可以用call代替
function person(name){
var _newObj = {
constructor:person,
_proto_:person.prototype
}
_newObj.constructor(name)
// _newObj.constructor.call(_newObj,name)
return _newObj
})()
更多推荐
所有评论(0)