zoukankan      html  css  js  c++  java
  • js的this指针(转)

    因为发现身边的一些朋友对js的this指针的理解不是很全面。下面本人简单的讲解一下js的this指针的相关内容,仅供需要的朋友学习参考。

    简单的,我先用一句话来概括javascript的this。在js里面,this指针代表的是执行当前代码的对象的所有者。

    下面举几个简单的例子加以说明:

    Js的this指针一代码  收藏代码
    1. var name="jonson";  
    2. function test(){alert("您好,我的名字叫"+this.name);}  
    3. test();  

      这段代码很简单,我们定义了一个全局变量name,一个全局的function,最后调用了这个test方法。运行这段代码,会弹出"您好,我的名字叫jonson"。

    这里的test方法以及name方法都属于js的最初始的对象window的。简单的说:下面调用test方法的对象就是window。

    Js的this实例2代码  收藏代码
    1. var obj={};  
    2. var name="jonson_window";  
    3. obj.name="jonson_obj";  
    4. obj.test=function (){alert("您好,我的名字是"+this.name)};  
    5. obj.test();  

      运行这段代码,页面弹出"您好,我的名字是jonson_obj",而不是"您好,我的名字是jonson_wondow"。因为最后一句obj.test(),指的是obj对象调用test方法,所以这里的

    this.name指的自然就是obj.name的值。

    Js的this实例4代码  收藏代码
    1. function test(){        
    2. alert(this.title);  
    3. }  
    4. <input  type="button" value="test" onclick="test()" id="test" title="test">  

      运行这段代码页面弹出undefined字样。有人会说,我的input标签里面明明有title属性的值为test的。但是这里为什么会弹出undefined字样呢。其实道理很简单,这里是通过onclick方法调用的。其实onclick="test()",相当于function onclick(evenet){test();},而function onclick其实也是一个全局的function,上面的 test方法也是全局的function,都可以视为window对象的两个属性。这里其实就是通过这个在onclick方法里面调用这个test方法,其实这里和第一种说法是一样的。

    通过以上的几个例子,我相信大家都多少理解了js的this指代含义------this指针代表的是执行当前代码的对象的所有者。

  • 相关阅读:
    选修课作业专栏
    js字符串和数组方法总结
    转Y-slow23原则(雅虎)
    前端优化总结和技巧(原创)
    阿里dom操作题
    基本的dom操作方法
    html5中的postMessage解决跨域问题
    mark一篇文章--用nodejs搭建一个本地反向代理环境
    html5语义化标签总结二
    转html5语义化标签总结一
  • 原文地址:https://www.cnblogs.com/cavehubiao/p/3794501.html
Copyright © 2011-2022 走看看