1.使用this作为参数来传递给函数。因为this始终与当前对象一致。

 <!DOCTYPE html>

 <html>

      <head>

     <meta charset=utf-8 />

     <title>js</title>

     <script>

          function f(){

             alert(this.value);

          }

          function f2(o){

             alert(o.value);

          }

     </script>

      </head>

      <body>

         <input type="button" value="value1" onclick="f()"/>       //undefined   this指向window对象，而不是button对象

         <input type="button" value="value2" onclick="f()"/>       //undefined

         <input type="button" value="value3" onclick="f2(this)"/>      //value3

         <input type="button" value="value4" onclick="f2(this)"/>       //value4

      </body>

 </html>

2.把this变量存储在私有变量中，然后在方法中使用私有变量来引用this指针。

      function Base(){

             this.name = 'Base';

             var _this = this;        //用私有变量存储this 

             //私有方法

             function alertName(){

                 alert(this.name);

             }

             function alertName2(){

                 alert(_this.name);      //使用私有变量

             }

             // 公共方法

             this.concat = function(message){

                 this.name += message;

                  //alertName();   //不能得到name+message
                  alertName2();

             }

      }

          var b = new Base();

          b.concat('hello');

这种方法也可以用在继承中。

         function Base(){               //基类

             this.name = 'Base';

             var _this = this;

             this.m = function(){

                 return _this;

             }

          }

          var b = new Base();

          function F(){

             this.name = 'F';

          }

          F.prototype = new Base();    //继承

          var f = new F();

          alert(f.name);    //F

          var n = f.m();

          alert(n.name);    // Base

3.使用apply或call改变函数的执行环境。

    function f(){

        alert(this.x + this.y);

    }

     var obj = {x:1,y:2};

     f.call(obj);         //3
    /*定义一个人类*/

    function Person(name,age)

    {

        this.name=name;

        this.age=age;

    }

    /*定义一个学生类*/

    functionStudent(name,age,grade)

    {

        Person.apply(this,arguments);

        this.grade=grade;

    }

    //创建一个学生类

    var student=new Student("qian",21,"一年级");

    //测试

    alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);

    //大家可以看到测试结果name:qian  age:21  grade:一年级

    //学生类里面我没有给name和age属性赋值啊,为什么又存在这两个属性的值呢,这个就是apply的神奇之处.

4.总结：感觉js也很强大，js真是大屌丝一个。

Javascript修正this的引用的更多相关文章

  1. JavaScript基本数据类型和引用数据类型

    ECMAScript包含两种不同数据类型的值:基本类型值和引用类型值.基本类型值指的是简单的数据段,而引用类型值那些可能有多个值构成的对象. 在进行变量赋值时,解析器必须确定这个值是基本类型值还是引用 ...

  2. javascript原始数据类型compareto引用数据类型--近3天不太会的地方

    ECMAScirpt 变量有两种不同的数据类型:基本类型,引用类型.也有其他的叫法,比如原始类型和对象类型,拥有方法的类型和不能拥有方法的类型,还可以分为可变类型和不可变类型,其实这些叫法都是依据这两 ...

  3. JavaScript 将多个引用（样式或者脚本）放入一个文件进行引用

    1.将样式放入一个文件进行引用 @import url("../media/css/bootstrap.min.css"); @import url("../media/ ...

  4. JavaScript中的this引用

    在JavaScript的学习当中,this关键字的出现频率可不低,所以想想有必要对this关键字做一个总结.在总结过程中,参考的资料来源于书本及网上. 一.定义 1.this是函数内部的一个特殊对象( ...

  5. javascript基础知识3#引用类

    引用类 引用类型的只是引用类型的一个实例,在ecmascript当中,引用类型是一种数据结构用于将数据和功能组织在一起,也常被称做类. object类型 构造函数[var o = new object ...

  6. javascript数据基本类型和引用数据类型区别

    基本类型和引用数据类型区别 1.基本数据类型和引用数据类型 javascript中有两种数据类型,分别是基本数据类型和引用数据类型: 基本数据(原始数据)类型指的是简单的数据段,而引用数据类型则指的是 ...

  7. javascript 基本数据类型、引用数据类型

    阅读目录 数据类型 两种访问方式 两种类型复制 函数参数的传递 两种变量类型检测 回到目录   数据类型 1.   ECMAScript变量包含两种不同类型的值:基本类型值.引用类型值: 2.   基 ...

  8. JavaScript | 基础（变量/引用/转换/函数）

    ———————————————————————————————————————————— 变量 全局变量:在函数体外声明,全局可以使用 局部变量:通过关键字var来声明 变量类型 <script ...

  9. JavaScript中：地址引用的特性，导致静态初始值被修改

    问题分类 JavaScript,值引用,地址引用 问题描述 开发过程中,服务端将静态配置数据从mysql数据库中读取到内存中,方便调用. 在实现流派功能时,需从数据库中读取流派种类数据到内存中,由于其 ...

随机推荐

  1. 安装RVDS2.2

    本人经过一晚上的折腾,已经将rvds2.2成功部署在为AMD平台的CPU上面,除了些许小BUG外,编译程序无任何错误,可成功将产上的AXF文件通过Jlink烧制到开发板上. 感谢cdly7475为我们 ...

  2. Java接口回调机制

    一.前言 最近在看android Fragment与Activity进行数据传递的部分,看到了接口回调的内容,今天来总结一下. 二.回调的含义和用途 1.什么是回调? 一般来说,模块之间都存在一定的调 ...

  3. 微信小程序实例源码大全2

    wx-gesture-lock  微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...

  4. 【ORACLE 】 ORA-00031 标记要删去的会话（解决）

    在使用Oracle的过程中,会有使用了锁(for update)但又忘记释放锁的情况.这是就需要用到KILL语句了.(如果不知道KILL语句怎么用,可参考: http://www.cnblogs.co ...

  5. Excel2010如何合并列数据

    小编以下图的Excel数据文件为例,如下图,有两列数据,第一列是歌曲名,第二列是该歌曲的演唱者,他们是有关联呢,那么如何把他们合并到同一列呢.   首先点击第3列的开始空白格,在这里编辑公式 =a1& ...

  6. oracle数据库用户加锁和解锁

    oracle数据库安装好之后,scott之类的用户默认情况下是被锁住的,无法使用scott用户登录数据库.使用有alter user数据库权限的用户登陆,角色选sysdba,执行以下命令: 解锁命令: ...

  7. openstack nova 用户管理

    用户管理      创建管理员用户      用法:      nova-manage user admin name [access] [secret]      其中access 和secret可 ...

  8. Shell语法整理，持续维护

    Shell shell条件表达式: CONDITIONAL EXPRESSIONSConditional expressions are used by the [[ compound command ...

  9. python 里面的%s和%r的区别

    虽然这两个占位符(pytho里叫做格式符)用法相同,但是效果却是不一样的 %s是将变量传到str()函数中,结果是将变量转化适合人阅读的格式 %r是将变量穿到repr()函数中,结果是将变量转化成适合 ...

  10. Jenkins-Build Monitor View

    现在上了jenkins的任务越来越多,查看起来很不方便,想搞个大视图,刚好jenkins本身支持这个功能. 功能: 一个独特的View, 可以将指定的Job,显示出来,当Job很多时,效果很好看 下载 ...