我理解的this
2016-03-08 09:27
239 查看
this指的就是当前上下文环境对象,主要分两种情况。
1.函数中的this指的是调用该函数的那个上下文环境对象
这个的理解还是非常重要的。
看一个全局函数的例子
这里面函数a是属于全局变量window。所以调用a的时候实际上和window.a()等同。所以a函数中的this指的是调用a函数的调用者window。所以打印出1就不稀奇了。
再看一个对象的例子
这里面函数do是属于对象person。所以调用person.do的时候函数中的this指的是调用do函数的调用者person。所以打印出this.name就是person.name打印'chua'。
最后是call/apply的例子
apply第一个参数会替换上下文环境,没有第一个参数的时候默认是全局变量window。
2.构造函数调用
构造函数调用实际上就失窃换了上下文环境到新建的对象中。
new a()后上下文环境对象变成了c。
参考jQuery框架中的new的深度理解
如果觉得本文不错,请点击右下方【推荐】!
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的深度理解
如果觉得本文不错,请点击右下方【推荐】!
相关文章推荐
- js图片预加载
- 使用Jackson在Java中处理JSON
- String、StringBuffer与StringBuilder之间区别
- MDRT_<>$表
- nodejs学习笔记三——nodejs使用富文本插件ueditor
- nodejs学习笔记二——链接mongodb
- mongodb 安装
- html/css基础篇——GET和POST的区别
- nodejs学习笔记一——nodejs安装
- html/css基础篇——link和@inport详解以及脚本执行顺序探讨
- 《Android开发艺术探索》15章Android性能优化
- js基础篇——localStorage使用要点
- html/css基础篇——iframe和frame的区别【转】
- js基础篇——cookie使用要点
- 丢失了文件localhost.localdomain.pid和mysql.sock怎么办?
- 基于jQuery的一个简单的图片查看器
- Android内存优化之OOM
- 弹出框优化实例(alert和confirm)
- 多个ajax请求下等待条显示和隐藏的简单处理
- OpenCV学习笔记_对图像设置ROI