太原

点击搜索

发布

零基础参加太原web前端培训就业薪资高吗

区域:
太原 > 太原周边
类别:
其他电脑培训
地址:
太原千锋
  在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)在传递给eva l() 的字符串中:eva l() 如果是被直接调用,this指的是当前对象;如果是被间接调用,this指的是全局对象。

  在使用this时,一定要规避以下陷阱:
  1、忘记使用new操作符。this不会指向正确的值。在松散模式中,this指向 window,并且会创建全局变量;

  2、获取方法不当。如果你获取的是方法的值(而非调用),你会将方法又转变为函数。调用这个值的结果是一个函数调用,而不是一个方法调用;

  3、覆盖this。当你在一个方法中使用一个真正函数时,很容易忘记前者有它自己的this值(即使真正的函数中没用显式的使用 this )。因此,你不能从真正函数中的this引用到方法的this,因为它是被覆盖的。"
查看更多太原电脑/网络信息

免责声明:此信息系发布者(UID:349452)自行发布,本站是服务平台,仅提供信息存储空间服务,该信息内容的真实性及合法性由该发布者完全负责。

© lieju.com 联系我们