this的问题

javascript this可以绑定到：全局对象,自己定义的对象,用构造函数生成的对象,通过call或者apply更改绑定的对象

1.全局对象

function globalTest(name){

this.name=name;

}

globalTest('tree');

console.log(name);//tree,默认生成了全局属性name，并给name属性赋值了，这种写法一般是不允许的

2.自己定义的对象

var subway={

     name:'1号线',

     speed:0,

     run:function(speed){

         this.speed=speed;

     }

 };

 subway.run(100);

 console.log(subway.speed); //100,this绑定到对象subway

3.用构造函数生成的对象

构造函数约定第一个字母要大写，只有用new调用的时候才算构造函数，否则跟普通函数没有什么不同，用new调用构造函数，this会绑定到生成的对象。

function Subway(speed){

     this.speed=speed;

 }

 var s=new Subway(100);

 console.log(s.speed);//100;this绑定到新生成的对象

4.指定的对象，通过call或者apply绑定

call函数和apply函数的区别是参数不一样，两个方法都可以改变this绑定的对象，如下

call(obj,param1,param2……)；

apply(obj,[]/*params[]参数数组*/)；

function Subway(name){

     this.name=name;

     this.speed=0;

     this.run=function(speed){

      this.speed=speed;

     };

 }

 var s=new Subway('1号线');

 s.run(300);

 console.log('一号线速度为：',s.speed);//300;this绑定到新生成的对象s

 var s1=new Subway('2号线');

 s.run.apply(s1,[100]);

 console.log('二号线速度为：',s1.speed);//100;this绑定到对象s1

 s.run.call(s1,200);

 console.log('二号线速度为：',s1.speed);//200;this绑定到对象s1

最后：

javascript有一个设计缺陷，使得的this绑定混乱

var subway={

     name:'1号线',

     speed:0,

     run:function(speed){

         this.speed=speed;  //绑定到对象本身

         function test(speed){

             this.speed=speed+50;//竟然绑定到全局变量了，真是匪夷所思啊

         }

         test(speed);

     }

 };

 subway.run(100);

 console.log(subway.speed);//100

 console.log(speed);//150

解决方法约定用that代替this

var subway={

     name:'1号线',

     speed:0,

     run:function(speed){

         var that=this;   //用that代替this

         this.speed=speed;

         function test(speed){

             that.speed=speed+50;

         }

         test(speed);

     }

 };

 subway.run(100);

 console.log(subway.speed);//150

-----------------------------------------------------------------

var a=1;
function s(){
var a=2;
alert(a);
}

function s1(){
a=3;
alert(a);
}

function s2(){
var a=4;
alert(this.a);
}

function s3(){
a=5;
alert(this.a);
}

s();//2
s1();//3
s2();//undefined
s3();//5

随机推荐

三种上传文件不刷新页面的方法讨论：iframe/FormData/FileReader
发请求有两种方式,一种是用ajax,另一种是用form提交,默认的form提交如果不做处理的话,会使页面重定向.以一个简单的demo做说明: html如下所示,请求的路径action为"up ...
org&period;apache&period;hadoop&period;io&period;LongWritable cannot be cast to org&period;apache&period;hadoop&period;io&period;Text
代码缺少这一行:job.setInputFormatClass(KeyValueTextInputFormat.class);
Android Socket编程基础
前些天写了一个Android手机在局域网内利用Wifi进行文件传输的Demo,其中用到了Socket编程,故此总结(盗了网友的一些图和文字).好久好久没来博客园了~~ 1.什么是Socket? soc ...
Android Dialog 系统样式讲解及透明背景
AlertDialog.Builder builder = new AlertDialog.Builder(DialogActivity.this,AlertDialog.THEME_TRADIT ...
Common Lisp 编译器IDE环境搭建
搭建Common Lisp编程环境的方法有很多种,这里我使用的是最常见的一种:SBCL + Emacs + SLIME. SBCL是Steel Bank Common Lisp的简称,它是Common ...
OpenStack&lowbar;Swift源代码分析——Ring基本原理及一致性Hash算法
1.Ring的基本概念 Ring是swfit中最重要的组件.用于记录存储对象与物理位置之间的映射关系,当用户须要对Account.Container.Object操作时,就须要查询相应的Ring文件( ...
Codeforces 158 D
题目链接 :http://codeforces.com/contest/158/problem/D D. Ice Sculptures time limit per test 3 seconds me ...
JavaScript原生的节点操作
前言:原生是Javascript的基础,还是需要多多重视,时间长都忘记了,现在整理一下. 获取子节点 children 不是标准的dom属性,但是几乎被所有浏览器支持.不包含文本节点. 注意:在IE中 ...
TCP的发送系列 — tcp&lowbar;sendmsg()的实现（二）
主要内容:Socket发送函数在TCP层的实现内核版本:3.15.2 我的博客:http://blog.csdn.net/zhangskd 在上篇blog中分析了tcp_sendmsg()这个主要函 ...
angularJs, ui-grid 设置默认group，及排序

随机推荐

相关文章