javascript中的this
2016-01-22 23:49
666 查看
1、在对象的方法中如果有this,那么该对象调用此方法时,this表示这个对象:
在控制台中实验:
该方法被赋值给其他变量时,this指向全局变量:
var obj2 = {
attr:”a Obj”,
aboutMe:function(){
if(this.attr) console.log(“still have thie attribute ‘attr’!”);
if(this === window)
console.log(“equal to window!!!”)
}
}
2、构造函数中的this指向构造的实例:
要有new 关键字!!!
一段比较绕的代码:
测试:
在控制台中测试
注:图中的红色数字表示第几个
var obj1 = {attr:"a Obj", aboutMe:function(){ console.log(this.attr); } }
在控制台中实验:
该方法被赋值给其他变量时,this指向全局变量:
var obj2 = {
attr:”a Obj”,
aboutMe:function(){
if(this.attr) console.log(“still have thie attribute ‘attr’!”);
if(this === window)
console.log(“equal to window!!!”)
}
}
2、构造函数中的this指向构造的实例:
要有new 关键字!!!
var test = function(){ console.log(this); }; test(); //window new test(); // test()
一段比较绕的代码:
var test2 = function(){ console.log(this); return function(){ console.log(this); } };
测试:
在控制台中测试
test2();、
test2()();和
new test2();
注:图中的红色数字表示第几个
console.log的输出
相关文章推荐
- css3替代JavaScript实现hover变色功能
- coco2dx-js 实现 层拦截 点击响应事件
- perl post json
- 理解javascript函数式编程中的闭包
- Html5、CSS、JavaScript小知识---ios
- Servlet跳转到Jsp的指定div
- JavaScript 冒号(:)详解
- js局部变量和全局变量
- 网页制作学习2----实现对象的传递
- css和javascript的一些笔记(三) 几个简单案例
- Javascript模块化编程:AMD规范
- Javascript模块化编程(三):require.js的用法
- 【JSTL】-EL表达式
- javascript异步实现
- 网页制作学习1----初步认识javascript和html
- 干货分享:让你分分钟学会 javascript 闭包
- extjs form表单的重置
- Arc gis api for js 对地图的简单操作
- js选择不同浏览器点击收藏夹功能(主要是 IE与firefox的区别)
- JavaScript使用正则表达式进行邮箱表单验证实例