首页 > 其他 > 详细

我理解的this

时间:2016-02-18 19:41:54      阅读:150      评论:0      收藏:0      [点我收藏+]

  this指的就是当前上下文环境对象,主要分两种情况。

1.函数中的this指的是调用该函数的那个上下文环境对象

  这个的理解还是非常重要的。 

  看一个全局函数的例子

var b = 1;
function a(){
  alert(this.b);
}
a();//1

  这里面函数a是属于全局变量window。所以调用a的时候实际上和window.a()等同。所以a函数中的this指的是调用a函数的调用者window。所以打印出1就不稀奇了。 

  再看一个对象的例子

var person = {
  name:‘chua‘,
  do:function(){alert(this.name)}
}
person.do();//‘chua‘

  这里面函数do是属于对象person。所以调用person.do的时候函数中的this指的是调用do函数的调用者person。所以打印出this.name就是person.name打印‘chua‘。

  最后是call/apply的例子

var b = 0; 
var c = {
  a: function(){alert(this.b); },
  b: 1
}
var d = { b: 2};
c.a.apply(); //0 
c.a.apply(d); //2

  apply第一个参数会替换上下文环境,没有第一个参数的时候默认是全局变量window。

  

2.构造函数调用

  构造函数调用实际上就失窃换了上下文环境到新建的对象中。

function a(){
    this.b = 1;
}
var c = new a();
alert(c.b); //1
alert(typeof b); //"undefined"

   new a()后上下文环境对象变成了c。

  参考jQuery框架中的new的深度理解

 

  如果觉得本文不错,请点击右下方【推荐】!

 

我理解的this

原文:http://www.cnblogs.com/chuaWeb/p/5198957.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!