- 浏览: 48011 次
- 性别:
- 来自: 北京
-
最新评论
-
yangsp1:
jimichan 写道 很好,总结的不错,加油谢谢。
JavaScript prototype整理(网上的三种理解) -
jimichan:
很好,总结的不错,加油
JavaScript prototype整理(网上的三种理解) -
lddzmy:
还需要说明一点,对于二、e.x,y中的情况三,此时x,y的(0 ...
javascript的一些坐标位置属性2 -
lddzmy:
:cry: 唉,是我理解错了。我做了一组测试,发现了如下的规律 ...
javascript的一些坐标位置属性2 -
lddzmy:
我怎么感觉layerX和offsetX是一个效果呢。
javascript的一些坐标位置属性2
转自:http://developer.51cto.com/art/200907/136245.htm
Javascript的this指针一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。
示例说明
我们先来看一个最简单的Javascript this指针示例:
这段代码很简单,我们定义了一个全局字符串对象name和函数对象sayHi。运行会弹出一个打招呼的对话框,“你好,我的名字叫Kevin Yang”。
我们把这段代码稍微改一改:
这段代码和上段代码的区别就在于sayHi函数在使用name的时候加上了this.前缀。运行结果和上面一摸一样。这说明this.name引用的也还是全局的name对象。
开头我们不是说了,函数也是普通的对象,可以将其当作一个普通变量使用。我们再把上面的代码改一改:
这一次,我们又创建了一个全局对象person,并将sayHi函数对象赋给person对象的sayHello属性。运行结果如下:
运行结果
这一次打招呼的内容就有点无厘头了,我们发现this.name已经变成undefined了。这说明,在sayHello函数内部执行时已经找不着this.name对象了。如果我们重新定义person对象,在其上面加上一个name属性又会怎么样呢?
var person = {name:"Marry"};运行代码发现打招呼的“人”变了:
是不是看出点道道了呢?
判别Javascript的this指针指导性原则
在Javascript里面,this指针代表的是执行当前代码的对象的所有者。
在上面的示例中我们可以看到,第一次,我们定义了一个全局函数对象sayHi并执行了这个函数,函数内部使用了this关键字,那么执行this这行代码的对象是sayHi(一切皆对象的体现),sayHi是被定义在全局作用域中。其实在Javascript中所谓的全局对象,无非是定义在 window这个根对象下的一个属性而已。因此,sayHi的所有者是window对象。也就是说,在全局作用域下,你可以通过直接使用name去引用这个对象,你也可以通过window.name去引用同一个对象。因而this.name就可以翻译为window.name了。
再来看第二个this的示例。我们定义了一个person的对象,并定义了它的sayHello属性,使其指向sayHi全局对象。那么这个时候,当我们运行person.sayHello的时候,this所在的代码所属对象就是sayHello了(其实准确来说,sayHi和sayHello是只不过类似两个指针,指向的对象实际上是同一个),而sayHello对象的所有者就是person了。第一次,person里面没有name属性,因此弹出的对话框就是this.name引用的就是undefined对象(Javascript中所有只声明而没有定义的变量全都指向undefined对象);而第二次我们在定义person的时候加了name属性了,那么this.name指向的自然就是我们定义的字符串了。
理解了上面所说的之后,我们将上面最后一段示例改造成面向对象式的代码。
在上面这段代码中,我们定义了一个Person的“类”(实际上还是一个对象),然后在这个类的原型(类原型相当于C++中的静态成员变量的概念)中定义了sayHello属性,使其指向全局的sayHi对象。运行代码我们可以看到,marry和kevin都成功的向我们打了声“招呼”。
在这段代码中有两点需要思考的,一个是new我们很熟悉,但是在这里new到底做了什么操作呢?另外一个是,这里执行sayHello的时候,this指针为什么能够正确的指向marry和kevin对象呢?
我们来把上面定义“类”和实例化类对象的操作重新“翻译”一下:
当然这段代码并不能正确执行,但是它可以帮助你更好的理解这个过程。
当我们使用new关键字实例化一个“类”对象的时候,Javascript引擎会在这个对象内部定义一个新的对象并将其存入this指针。所有此对象内部用到this的代码实际上都是指向这个新的对象。如this.name = name,实际上是将参数中的name对象赋值给了这个新创建的对象。函数对象执行完之后Javascript引擎会将此对象返回给你,于是就有 marry变量得到的对象的name为“Marry”,而kevin变量得到的对象的name属性确实“Kevin”。
容易误用的情况
理解了this指针后,我们再来看看一些很容易误用this指针的情况。
示例1——内联式绑定Dom元素的事件处理函数
在此例代码中,我们绑定了button的点击事件,期望在弹出的对话框中打印出点击元素的标签名。但运行结果却是:
也就是this指针并不是指向input元素。这是因为当使用内联式绑定Dom元素的事件处理函数时,实际上相当于执行了以下代码:
在这种情况下sayHi函数对象的所有权并没有发生转移,还是属于window所有。用上面的指导原则一套我们就很好理解为什么this.tagName是undefined了。
那么如果我们要引用元素本身怎么办呢?
我们知道,onclick函数是属于btnTest元素的,那么在此函数内部,this指针正是指向此Dom对象,于是我们只需要把this作为参数传入sayHi即可。
示例2——临时变量导致的this指针丢失
我们在写稍微有点规模的Js库的时候,一般都会自己封装一个Utility的类,然后将一些常用的函数作为Utility类的属性,如客户端经常会用到的getCookie函数和解码函数。如果每个函数都是彼此独立的,那么还好办,问题是,函数之间有时候会相互引用。例如上面的getCookie函数,会对从document.cookie中提取到的字符串进行decode之后再返回。如果我们通过Utility.getCookie去调用的话,那么没有问题,我们知道,getCookie内部的this指针指向的还是Utility对象,而Utility对象时包含decode属性的。代码可以成功执行。
但是有个人不小心这样使用Utility对象呢?
这个时候运行代码会抛出异常“this.decode is not a function”。运用上面我们讲到的指导原则,很好理解,因为此时Utility.getCookie对象被赋给了临时变量getCookie,而临时变量是属于window对象的——只不过外界不能直接引用,只对Javascript引擎可见——于是在getCookie函数内部的this指针指向的就是window对象了,而window对象没有定义一个decode的函数对象,因此就会抛出这样的异常来。
这个问题是由于引入了临时变量导致的this指针的转移。解决此问题的办法有几个:
不引入临时变量,每次使用均使用Utility.getCookie进行调用getCookie函数内部使用Utility.decode显式引用 decode对象而不通过this指针隐式引用(如果Utility是一个实例化的对象,也即是通过new生成的,那么此法不可用)
使用Funtion.apply或者Function.call函数指定this指针
前面两种都比较好理解,第三种需要提一下。正是因为this指针的指向很容易被转移丢失,因此Javascript提供了两个类似的函数apply和call来允许函数在调用时重新显式的指定this指针。
修正代码如下:
call和apply只有语法上的差异,没有功能上的差别。
示例3——函数传参时导致的this指针丢失
我们先来看一段问题代码:
这段代码期望在访客进入页面5秒钟之后向访客打声招呼。setTimeout函数接收一个函数作为参数,并在指定的触发时刻执行这个函数。可是,当我们等了5秒钟之后,弹出的对话框显示的this.name却是undefined。
其实这个问题和上一个示例中的问题是类似的,都是因为临时变量而导致的问题。当我们执行函数的时候,如果函数带有参数,那么这个时候 Javascript引擎会创建一个临时变量,并将传入的参数复制(注意,Javascript里面都是值传递的,没有引用传递的概念)给此临时变量。也就是说,整个过程就跟上面我们定义了一个getCookie的临时变量,再将Utility.getCookie赋值给这个临时变量一样。只不过在这个示例中,容易忽视临时变量导致的bug。
函数对象传参
对于函数作为参数传递导致的this指针丢失的问题,目前很多框架都已经有方法解决了。
Prototype的解决方案——传参之前使用bind方法将函数封装起来,并返回封装后的对象
bind方法的实现其实是用到了Javascript又一个高级特性——闭包。我们来看一下源代码:
首先将Javascript的this指针存入函数内部临时变量,然后在返回的函数对象中引用此临时变量从而形成闭包。
微软的Ajax库提供的方案——构建委托对象
其实本质上和prototype的方式是一样的。
著名的Extjs库的解决方案采用的手法和微软是一样的。
Javascript的this指针一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。
示例说明
我们先来看一个最简单的Javascript this指针示例:
1. < SPAN>"text/javascript"> 2. var name = "Kevin Yang"; 3. function sayHi(){ 4. alert("你好,我的名字叫" + name); 5. } 6. sayHi(); 7.
这段代码很简单,我们定义了一个全局字符串对象name和函数对象sayHi。运行会弹出一个打招呼的对话框,“你好,我的名字叫Kevin Yang”。
我们把这段代码稍微改一改:
1. < SPAN>"text/javascript"> 2. var name = "Kevin Yang"; 3. function sayHi(){ 4. alert("你好,我的名字叫" + this.name); 5. } 6. sayHi(); 7.
这段代码和上段代码的区别就在于sayHi函数在使用name的时候加上了this.前缀。运行结果和上面一摸一样。这说明this.name引用的也还是全局的name对象。
开头我们不是说了,函数也是普通的对象,可以将其当作一个普通变量使用。我们再把上面的代码改一改:
1. < SPAN>"text/javascript"> 2. var name = "Kevin Yang"; 3. function sayHi(){ 4. alert("你好,我的名字叫" + this.name); 5. } 6. var person = {}; 7. person.sayHello = sayHi; 8. person.sayHello(); 9.
这一次,我们又创建了一个全局对象person,并将sayHi函数对象赋给person对象的sayHello属性。运行结果如下:
运行结果
这一次打招呼的内容就有点无厘头了,我们发现this.name已经变成undefined了。这说明,在sayHello函数内部执行时已经找不着this.name对象了。如果我们重新定义person对象,在其上面加上一个name属性又会怎么样呢?
var person = {name:"Marry"};运行代码发现打招呼的“人”变了:
是不是看出点道道了呢?
判别Javascript的this指针指导性原则
在Javascript里面,this指针代表的是执行当前代码的对象的所有者。
在上面的示例中我们可以看到,第一次,我们定义了一个全局函数对象sayHi并执行了这个函数,函数内部使用了this关键字,那么执行this这行代码的对象是sayHi(一切皆对象的体现),sayHi是被定义在全局作用域中。其实在Javascript中所谓的全局对象,无非是定义在 window这个根对象下的一个属性而已。因此,sayHi的所有者是window对象。也就是说,在全局作用域下,你可以通过直接使用name去引用这个对象,你也可以通过window.name去引用同一个对象。因而this.name就可以翻译为window.name了。
再来看第二个this的示例。我们定义了一个person的对象,并定义了它的sayHello属性,使其指向sayHi全局对象。那么这个时候,当我们运行person.sayHello的时候,this所在的代码所属对象就是sayHello了(其实准确来说,sayHi和sayHello是只不过类似两个指针,指向的对象实际上是同一个),而sayHello对象的所有者就是person了。第一次,person里面没有name属性,因此弹出的对话框就是this.name引用的就是undefined对象(Javascript中所有只声明而没有定义的变量全都指向undefined对象);而第二次我们在定义person的时候加了name属性了,那么this.name指向的自然就是我们定义的字符串了。
理解了上面所说的之后,我们将上面最后一段示例改造成面向对象式的代码。
1. < SPAN>"text/javascript"> 2. var name = "Kevin Yang"; 3. function sayHi(){ 4. alert("你好,我的名字叫" + this.name); 5. } 6. function Person(name){ 7. this.name = name; 8. } 9. Person.prototype.sayHello = sayHi; 10. var marry = new Person("Marry"); 11. marry.sayHello(); 12. var kevin = new Person("Kevin"); 13. kevin.sayHello(); 14.
在上面这段代码中,我们定义了一个Person的“类”(实际上还是一个对象),然后在这个类的原型(类原型相当于C++中的静态成员变量的概念)中定义了sayHello属性,使其指向全局的sayHi对象。运行代码我们可以看到,marry和kevin都成功的向我们打了声“招呼”。
在这段代码中有两点需要思考的,一个是new我们很熟悉,但是在这里new到底做了什么操作呢?另外一个是,这里执行sayHello的时候,this指针为什么能够正确的指向marry和kevin对象呢?
我们来把上面定义“类”和实例化类对象的操作重新“翻译”一下:
1. < SPAN>"text/javascript"> 2. var name = "Kevin Yang"; 3. function sayHi(){ 4. alert("你好,我的名字叫" + this.name); 5. } 6. function Person(name){ 7. var this; 8. this.name = name; 9. return this; 10. } 11. Person.prototype.sayHello = sayHi; 12. var marry = Person("Marry"); 13. marry.sayHello(); 14. var kevin = Person("Kevin"); 15. kevin.sayHello(); 16.
当然这段代码并不能正确执行,但是它可以帮助你更好的理解这个过程。
当我们使用new关键字实例化一个“类”对象的时候,Javascript引擎会在这个对象内部定义一个新的对象并将其存入this指针。所有此对象内部用到this的代码实际上都是指向这个新的对象。如this.name = name,实际上是将参数中的name对象赋值给了这个新创建的对象。函数对象执行完之后Javascript引擎会将此对象返回给你,于是就有 marry变量得到的对象的name为“Marry”,而kevin变量得到的对象的name属性确实“Kevin”。
容易误用的情况
理解了this指针后,我们再来看看一些很容易误用this指针的情况。
示例1——内联式绑定Dom元素的事件处理函数
1. < SPAN>"text/javascript"> 2. function sayHi(){ 3. alert("当前点击的元素是" + this.tagName); 4. } 5. 6. < SPAN>"btnTest" type="button" value="点击我" onclick="sayHi()">
在此例代码中,我们绑定了button的点击事件,期望在弹出的对话框中打印出点击元素的标签名。但运行结果却是:
也就是this指针并不是指向input元素。这是因为当使用内联式绑定Dom元素的事件处理函数时,实际上相当于执行了以下代码:
1. < SPAN>"text/javascript"> 2. document.getElementById("btnTest").onclick = function(){ 3. sayHi(); 4. } 5.
在这种情况下sayHi函数对象的所有权并没有发生转移,还是属于window所有。用上面的指导原则一套我们就很好理解为什么this.tagName是undefined了。
那么如果我们要引用元素本身怎么办呢?
我们知道,onclick函数是属于btnTest元素的,那么在此函数内部,this指针正是指向此Dom对象,于是我们只需要把this作为参数传入sayHi即可。
1. < SPAN>"text/javascript"> 2. function sayHi(el){ 3. alert("当前点击的元素是" + el.tagName); 4. } 5. 6. < SPAN>"btnTest" type="button" value="点击我" onclick="sayHi(this)">等价代码如下: 7. 8. < SPAN>"text/javascript"> 9. document.getElementById("btnTest").onclick = function(){ 10. sayHi(this); 11. } 12.
示例2——临时变量导致的this指针丢失
1. < SPAN>"text/javascript"> 2. var Utility = { 3. decode:function(str){ 4. return unescape(str); 5. }, 6. getCookie:function(key){ 7. // ... 省略提取cookie字符串的代码 8. var value = "i%27m%20a%20cookie"; 9. return this.decode(value); 10. } 11. }; 12. alert(Utility.getCookie("identity")) 13.
我们在写稍微有点规模的Js库的时候,一般都会自己封装一个Utility的类,然后将一些常用的函数作为Utility类的属性,如客户端经常会用到的getCookie函数和解码函数。如果每个函数都是彼此独立的,那么还好办,问题是,函数之间有时候会相互引用。例如上面的getCookie函数,会对从document.cookie中提取到的字符串进行decode之后再返回。如果我们通过Utility.getCookie去调用的话,那么没有问题,我们知道,getCookie内部的this指针指向的还是Utility对象,而Utility对象时包含decode属性的。代码可以成功执行。
但是有个人不小心这样使用Utility对象呢?
1. < SPAN>"text/javascript"> 2. function showUserIdentity(){ 3. // 保存getCookie函数到一个局部变量,因为下面会经常用到 4. var getCookie = Utility.getCookie; 5. alert(getCookie("identity")); 6. } 7. showUserIdentity(); 8.
这个时候运行代码会抛出异常“this.decode is not a function”。运用上面我们讲到的指导原则,很好理解,因为此时Utility.getCookie对象被赋给了临时变量getCookie,而临时变量是属于window对象的——只不过外界不能直接引用,只对Javascript引擎可见——于是在getCookie函数内部的this指针指向的就是window对象了,而window对象没有定义一个decode的函数对象,因此就会抛出这样的异常来。
这个问题是由于引入了临时变量导致的this指针的转移。解决此问题的办法有几个:
不引入临时变量,每次使用均使用Utility.getCookie进行调用getCookie函数内部使用Utility.decode显式引用 decode对象而不通过this指针隐式引用(如果Utility是一个实例化的对象,也即是通过new生成的,那么此法不可用)
使用Funtion.apply或者Function.call函数指定this指针
前面两种都比较好理解,第三种需要提一下。正是因为this指针的指向很容易被转移丢失,因此Javascript提供了两个类似的函数apply和call来允许函数在调用时重新显式的指定this指针。
修正代码如下:
1. < SPAN>"text/javascript"> 2. function showUserIdentity(){ 3. // 保存getCookie函数到一个局部变量,因为下面会经常用到 4. var getCookie = Utility.getCookie; 5. alert(getCookie.call(Utility,"identity")); 6. alert(getCookie.apply(Utility,["identity"])); 7. } 8. showUserIdentity(); 9.
call和apply只有语法上的差异,没有功能上的差别。
示例3——函数传参时导致的this指针丢失
我们先来看一段问题代码:
1. < SPAN>"text/javascript"> 2. var person = { 3. name:"Kevin Yang", 4. sayHi:function(){ 5. alert("你好,我是"+this.name); 6. } 7. } 8. setTimeout(person.sayHi,5000); 9.
这段代码期望在访客进入页面5秒钟之后向访客打声招呼。setTimeout函数接收一个函数作为参数,并在指定的触发时刻执行这个函数。可是,当我们等了5秒钟之后,弹出的对话框显示的this.name却是undefined。
其实这个问题和上一个示例中的问题是类似的,都是因为临时变量而导致的问题。当我们执行函数的时候,如果函数带有参数,那么这个时候 Javascript引擎会创建一个临时变量,并将传入的参数复制(注意,Javascript里面都是值传递的,没有引用传递的概念)给此临时变量。也就是说,整个过程就跟上面我们定义了一个getCookie的临时变量,再将Utility.getCookie赋值给这个临时变量一样。只不过在这个示例中,容易忽视临时变量导致的bug。
函数对象传参
对于函数作为参数传递导致的this指针丢失的问题,目前很多框架都已经有方法解决了。
Prototype的解决方案——传参之前使用bind方法将函数封装起来,并返回封装后的对象
1. < SPAN>"text/javascript"> 2. var person = { 3. name:"Kevin Yang", 4. sayHi:function(){ 5. alert("你好,我是"+this.name); 6. } 7. } 8. var boundFunc = person.sayHi.bind(person,person.sayHi); 9. setTimeout(boundFunc,5000); 10.
bind方法的实现其实是用到了Javascript又一个高级特性——闭包。我们来看一下源代码:
1. function bind(){ 2. if (arguments.length < 2 && arguments[0] === undefined) 3. return this; 4. var __method = this, args = $A(arguments), object = args.shift(); 5. return function(){ 6. return __method.apply(object, args.concat($A(arguments))); 7. } 8. }
首先将Javascript的this指针存入函数内部临时变量,然后在返回的函数对象中引用此临时变量从而形成闭包。
微软的Ajax库提供的方案——构建委托对象
1. < SPAN>"text/javascript"> 2. var person = { 3. name:"Kevin Yang", 4. sayHi:function(){ 5. alert("你好,我是"+this.name); 6. } 7. } 8. var boundFunc = Function.createDelegate(person,person.sayHi); 9. setTimeout(boundFunc,5000); 10.
其实本质上和prototype的方式是一样的。
著名的Extjs库的解决方案采用的手法和微软是一样的。
评论
1 楼
mxm145
2009-08-10
<script type="text/javascript">
var fruit = {
name : "lemon",
sayHi : function(){
alert("你好:" + this.name);
}
}
setTimeout('fruit.sayHi()',1000);
</script>
这种也可以啊,不用传参之前使用bind方法将函数封装起来,并返回封装后的对象
为什么呢
var fruit = {
name : "lemon",
sayHi : function(){
alert("你好:" + this.name);
}
}
setTimeout('fruit.sayHi()',1000);
</script>
这种也可以啊,不用传参之前使用bind方法将函数封装起来,并返回封装后的对象
为什么呢
发表评论
-
JavaScript prototype整理(网上的三种理解)
2009-10-21 18:55 13952prototype属性,只有functio ... -
JavaScript 拖放效果系列6——修复错误
2009-10-15 09:58 1632原文来自:http://www.cainiao8.com/we ... -
JavaScript 拖放效果系列五——性能优化
2009-10-15 09:56 2673原文来自:http://www.cainiao8.com/we ... -
JavaScript 拖放效果系列四——获得元素的位置
2009-10-15 09:48 1820原文来自:http://www.cainiao8.com/we ... -
JavaScript 拖放效果系列三——解决快速拖拽的问题
2009-10-15 09:38 4494原文来自:http://www.caini ... -
JavaScript 拖放效果系列二——多元素、分离JS
2009-10-15 09:30 2180原文来自:http://www.cainiao8.com/we ... -
JavaScript 拖放效果系列一
2009-10-15 09:24 2534原文来自:http://www.cainiao8.com/we ... -
IE Firefox通用DOM
2009-08-06 14:34 1311转自:http://blog.csdn.net/leno ... -
javascript事件处理机制——容易被我们遗忘的细节问题
2009-08-06 13:56 1084转自:http://www.iteye.com/topic/2 ... -
Javascript在IE和Firefox中的区别
2009-08-05 17:22 1029版权声明:转载时请以 ... -
什么是DOM?DOM和JavaScript的关系 - [web开发]
2009-08-05 17:14 1365版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声 ... -
转自:(邂逅思维)发现几处IE与firefox的js和css几处不同点
2009-08-05 16:12 1015转自:http://bbs.blueidea.co ... -
JavaScript 页面 宽度 、高度 (一)
2009-08-05 14:15 1760转自:http://kanglecjr.iteye.com/b ... -
JavaScript 拖放效果
2009-08-05 11:03 842转自:http://www.iteye.com/topic/2 ... -
javascript的一些坐标位置属性2
2009-08-05 10:28 2101screenX:鼠标在显示屏幕上的坐标。 clientX:鼠 ... -
javascript的一些坐标位置属性
2009-08-05 10:26 1236参考另一:http://www.cnblogs.com/rai ...
相关推荐
`this`在JavaScript中并不像其他静态类型语言(如Java或C++)中的指针那样工作,而是根据函数调用的方式动态确定其值。以下是对`this`指针的详细解释: 1. **全局作用域中的`this`** 在全局作用域中,`this`通常...
详解Javascript 中的this指针
探寻JavaScript中this指针指向 JavaScript中的this指针指向是一个复杂的问题,需要深入了解JavaScript的函数调用机制和对象模型。这篇文章将深入探讨this指针指向的问题,并提供多个例子来说明this指针指向的规律。...
高手详解javascript中的this指针.pdf
1、Javascript中的原型: 原型prototype是Javascript中特有的一个概念。通过原型,Javascript可以实现继承机制。 Javascript本身是基于原型的,每一个对象都有一个prototype属性。而Object对象的prototype属性为null...
在JavaScript中,`this`关键字是一个非常重要的概念,它用于引用当前上下文中的对象。由于JavaScript是一种基于原型的动态类型语言,`this`的值在不同的执行环境中可能会有所不同,这使得理解和使用`this`成为了一个...
在JavaScript中,`this`关键字是一个至关重要的概念,它用于引用函数或方法执行时的上下文对象。`this`的值取决于函数调用的方式,而不是函数定义的位置。在JavaScript中,`this`的四种主要绑定方式包括:默认绑定、...
JavaScript中this的指向还没搞明白?来这看看 你就懂啦~
教你javascript如何获取指针的位置 javascript获取指针的位置的方法:使用事件对象的pageX和pageY,或者clientX和clientY属性,并且配合scrollLeft和scrollTop属性,这样就可以计算出指针的位置了。 本文操作环境...
简单谈谈JavaScript寄生式组合继承 组合继承也被称为伪经典继承,它综合了我们昨天说的原型链和盗用构造函数,将俩者的有点结合在了一起。它的基本思想是使用原型链继承原型上的属性和方法,通过盗用构造函数继承...
非常厉害的javascript 实现指针式时间
本示例主要讲解如何利用原生JavaScript来实现一个动态指针时钟效果,结合CSS3的样式处理,为用户带来直观且生动的时间显示体验。下面我们将深入探讨这个话题,了解如何构建这样的时钟。 首先,我们需要在HTML中创建...
探寻JavaScript中this指针指向 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为...
Javascript引用指针使用介绍,需要的朋友可以参考下
JavaScript 中的 `this` 指针是动态绑定的,它的值取决于函数的调用方式。理解这四种调用模式对于深入掌握 JavaScript 的面向对象编程至关重要。在方法调用模式中,`this` 指向调用该方法的对象;在函数调用模式中,...
Javascript 可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的...
this指触发事件的对象,接下来为大家分享下javascript中onclick(this)的用法,感兴趣的朋友可以参考下哈,希望对你有所帮助
this指针在传统OO语言中,是在类中声明的,表示对象本身.在JavaScript中,this表示当前上下文,即调用者的引用 ********this永远指向的是(函数对象)的所有者 this和全局对象: var a = 1; function foo(){ var b = 2; ...