JavaScript中this的用法步骤.doc
1、JavaScript中this的用法步骤JavaScript中this的用法步骤关于JavaScript中this的用法网络中已经有较多比较详尽的介绍,可以参考本文的参考学习资料和网络。本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助。1. this用法实例复制代码 代码如下:window.color = “red”;var o = color: “blue” ;function sayColor()alert(this.color);sayColor(); /”red”o.sayColor
2、= sayColor;o.sayColor(); /”blue”2. this用法简易理解this指向哪里:this运行的环境(the context object),或者简单理解为:this所在函数被调用时的当前作用域。一段实例代码立刻明白:复制代码 代码如下:var fun = function() console.log(this);fun();/ console: window,fun 的执行context为window,即this所在函数(fun())被调用时的当前作用域为window。new fun();/console: fun,fun 的执行context为fun对象内,即th
3、is所在函数(fun())被调用时的当前作用域为fun对象内。3. this用法的一个特殊情况(1)情况:复制代码 代码如下:function demo() this.value = Math.random();点击这个button之后,你会发现按钮的value值没有改变。原因:在本代码运行的情况下this指向的是window对象。复制代码 代码如下:var button = document.getElementById(aButton);function demo() this.value = Math.random();button.onclick= demo;点击这个button之后,程序可正常执行。
《JavaScript中this的用法步骤.doc》由会员分享,可在线阅读,更多相关《JavaScript中this的用法步骤.doc(4页范文模板文档)》请在优智文库上查找。
- 特殊限制:
-
部分文档作品中若含有的非商用素材,仅作为整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript this 用法 步骤