零基础参加太原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,因为它是被覆盖的。"
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,因为它是被覆盖的。"