怎样理解this

luoye 2021年03月09日编程语言 442 0

JavaScript里的this, Python里的self, 其实都是一个东西, 它的存在跟构造函数 / 类这种是分不开的, 当然, 也可以在其他场合下使用, 他的意义很多, 但最共通的一个特点是: this/self 总是返回一个对象.

至于返回的这个对象到底是什么, 其实就是我们需要去发掘的.

1. this的指向是动态的, 下面在test()中返回的this.name, 这里的this指代的是具体的环境, 如果在obj1里面则返回"李雷", 如果在obj2里面则返回"韩梅梅", 如果在全局作用域内, 那就会在全局作用域下去找name这个属性, 因此返回"李强".

function test(){ 
    return this.name; 
}; 
 
var obj1 = { 
    name: "李雷", 
    getName: test 
}; 
 
var obj2 = { 
    name: "韩梅梅", 
    getName: test 
}; 
 
var name = "李强"; 
 
obj1.getName(); // "李雷" 
obj2.getName(); // "韩梅梅" 
test(); // "李强"

2. 构造函数中的this会在new时将待实例的空对象赋值给this, 这个操作实际上是将this指向了一个空对象, 用于从构造函数中拷贝属性和方法

function Person(name){ 
    this.name = name; 
} 
 
var lilei = new Person("李雷"); 
lilei.name; // "李雷"

3. 在网络编程中, this指代的是所在的元素节点, 比如下面例子中的this就是指代的input这个元素节点. 注意这个DOM节点也是一个对象, this指代了他自身

<body> 
  <input type="text" id="inputNumber" onblur="test(this, 10)"> 
  <script> 
    function test(el, num){ 
      if (el.value>num) alert("大了"); 
      if (el.value<num) alert("小了"); 
      if (el.value==num) alert("正确!"); 
    } 
  </script> 
</body>

理解this其实只需要理解一句话就好: this指代的是当前属性或方法所在的对象, 它是动态的.

IT源码网 HTML5 前端

微信公众号号：IT虾米（左侧二维码扫一扫）欢迎添加！

Q : 823053937

热贴推荐

怎样理解this