千锋Web之JavaScript中this知识解析

更新时间:2019-01-0824次浏览| 信息编号:j88791  
管理信息
 | 投诉

详情介绍
千锋Web前端教程之JavaScript中this知识解析
  在JavaScript 中,this是一个相对难懂的特殊变量。因为它随处可用,而不仅仅是面向对象的编程中。在今天的Web前端教程中,千锋太原老师就给大家讲解如何快速掌握this。
  JavaScript中的this是什么?它在function内部被创建,指向调用时所在函数所绑定的对象(拗口),this不能被赋值,但可以被call/apply 改变。
  this和构造器:this本身就是类定义时构造器里需要用到的,和构造器在一起再自然不过。按照JavaScript的习惯this应该挂属性/字段,方法都应该放在原型上。
  this和对象:JS中的对象不用类也可以创建,并且你完全可以写上万行功能代码而不用写一个类。

  this和函数:this和独立的函数放在一起是没有意义的,this应该是和面向对象相关的,纯粹的函数只是一个低级别的抽象,封装和复用。
  为了方便理解this,最好的方式是根据使用this的位置划分三种类型:
  1)在函数内部:this是一个额外的隐含的参数。使用场景有三:真正函数(this在松散模式下是全局对象,严格模式下是 undefined );构造函数(this指向刚创建的实例 );方法(this 指向方法调用的接受对象 )。
  2)在函数外部(顶级作用域中):this在浏览器中指向全局对象;在Node.jS中指向模块(module) 的接口(exports)。
  3)在传递给eval() 的字符串中:eval() 如果是被直接调用,this指的是当前对象;如果是被间接调用,this指的是全局对象。
  在使用this时,一定要规避以下陷阱:
  1、忘记使用new操作符。this不会指向正确的值。在松散模式中,this指向 window,并且会创建全局变量;
  2、获取方法不当。如果你获取的是方法的值(而非调用),你会将方法又转变为函数。调用这个值的结果是一个函数调用,而不是一个方法调用;
3、覆盖this。当你在一个方法中使用一个真正函数时,很容易忘记前者有它自己的this值(即使真正的函数中没用显式的使用 this )。因此,你不能从真正函数中的this引用到方法的this,因为它是被覆盖的。
联系我的时候请说是在搜即讯信息网上看到的,谢谢。
首发网址:http://ty.sojixun.com/zhiyepeixun/j88791.htm
查看全部太原职业培训信息
发布发布一条信息太原职业培训信息>>