美文网首页
this用法详解

this用法详解

作者: 馋中解禅 | 来源:发表于2017-07-20 12:55 被阅读0次

1.全局this

  • 在浏览器中,this指的是window对象
console.log(this===window);//输出:true
  • 在node命令行中,this指的是global对象
  • 在js脚本中,this是个空对象,不等于global对象

2.函数或方法中的this

  • 函数被正常调用(不带new)时,this指向全局作用域
  • 使用new关键字时,this指代一个新的上下文

3.原型中的this

  • 当用new来调用一个函数创建实例时,this可直接访问此原型身上的值

4.对象中的this

  • 可以在对象的任何方法中使用this来访问该对象的属性

5.DOM事件回调中的this

  • this指定的是被绑定该事件的DOM元素
  • 除非通过bind来人为的改变this的指向

6.HTML中的this

  • this指代该HTML元素

7.call,apply,bind区别

  • 都是用来改变函数的this对象的指向的
  • 第一个参数都是this要指向的对象
  • 都可以利用后续参数传参
  • apply通过数组传参
  • bind方法返回的仍然是一个函数,需要使用()来进行调用

相关文章

网友评论

      本文标题:this用法详解

      本文链接:https://www.haomeiwen.com/subject/kcthxxtx.html