javascript的动态this与动态绑定
2012-09-08 17:16
826 查看
总结:
this 的值取决于 function 被调用的方式,一共有四种,
如果一个 function 是一个对象的属性,该 funtion 被调用的时候,this 的值是这个对象。如果 function 调用的表达式包含句点(.)或是 [],this 的值是句点(.)或是 [] 之前的对象。如myObj.func 和myObj["func"] 中,func 被调用时的 this 是myObj。
如果一个 function 不是作为一个对象的属性,那么该 function 被调用的时候,this 的值是全局对象。当一个 function 中包含内部 function 的时候,如果不理解 this 的正确含义,很容易造成错误。这是由于内部 function 的 this 值与它外部的 function 的 this 值是不一样的。解决办法是将外部 function 的 this 值保存在一个变量中,在内部 function 中使用它来查找变量。
如果在一个 function 之前使用 new 的话,会创建一个新的对象,该 funtion 也会被调用,而 this 的值是新创建的那个对象。如function User(name) {this.name = name}; var user1 = new User("Alex"); 中,通过调用new User("Alex") ,会创建一个新的对象,以user1 来引用,User 这个 function 也会被调用,会在user1 这个对象中设置名为name
的属性,其值是Alex 。
可以通过 function 的 apply 和 call 方法来指定它被调用的时候的 this 的值。 apply 和 call 的第一个参数都是要指定的 this 的值。由于它们存在,我们得以创建各种有用的函数。
详见: /article/6948267.html
this 的值取决于 function 被调用的方式,一共有四种,
如果一个 function 是一个对象的属性,该 funtion 被调用的时候,this 的值是这个对象。如果 function 调用的表达式包含句点(.)或是 [],this 的值是句点(.)或是 [] 之前的对象。如myObj.func 和myObj["func"] 中,func 被调用时的 this 是myObj。
如果一个 function 不是作为一个对象的属性,那么该 function 被调用的时候,this 的值是全局对象。当一个 function 中包含内部 function 的时候,如果不理解 this 的正确含义,很容易造成错误。这是由于内部 function 的 this 值与它外部的 function 的 this 值是不一样的。解决办法是将外部 function 的 this 值保存在一个变量中,在内部 function 中使用它来查找变量。
如果在一个 function 之前使用 new 的话,会创建一个新的对象,该 funtion 也会被调用,而 this 的值是新创建的那个对象。如function User(name) {this.name = name}; var user1 = new User("Alex"); 中,通过调用new User("Alex") ,会创建一个新的对象,以user1 来引用,User 这个 function 也会被调用,会在user1 这个对象中设置名为name
的属性,其值是Alex 。
可以通过 function 的 apply 和 call 方法来指定它被调用的时候的 this 的值。 apply 和 call 的第一个参数都是要指定的 this 的值。由于它们存在,我们得以创建各种有用的函数。
详见: /article/6948267.html
相关文章推荐
- 学习javascript的动态this指针与动态绑定 call与apply函数的应用
- javascript的动态this与动态绑定
- javascript下动态this与动态绑定实例代码
- javascript下动态this与动态绑定实例代码
- javascript下动态this与动态绑定实例代码
- 简单谈谈javascript中this的隐式绑定
- 简单谈谈javascript中this的隐式绑定
- javascript的动态this与动态绑定
- this指针与静态绑定及动态绑定
- JavaScript:按钮事件动态绑定
- 一个使用动态Javascript脚本绑定的注意事项
- JavaScript动态添加|绑定事件
- Effective JavaScript Item 20 使用call方法来绑定this变量
- javascript实现两个select选择框内容动态绑定
- javascript事件绑定的this
- JavaScript调用模式与this关键字绑定的关系
- javascript实现动态模态绑定grid
- JavaScript call apply使用——JavaScript对象的方法绑定到DOM事件后this指向问题
- 【javascript】函数中的this的四种绑定形式 — 大家准备好瓜子,我要讲故事啦~~
- JavaScript动态绑定详解