手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript中的this机制
JavaScript中的this机制
摘要:JavaScript有自己的一套this机制,在不同情况下,this的指向也不尽相同。全局范围console.log(this);//全局变...

JavaScript有自己的一套this机制,在不同情况下,this的指向也不尽相同。

全局范围

console.log(this); //全局变量

全局范围使用this指向的是全局变量,浏览器环境下就是window。

注:ECMAScript5的strict模式不存在全局变量,这里的this是undefined。

函数调用中

function foo() { console.log(this); } foo(); //全局变量

函数调用中的this也指向全局变量。

注:ECMAScript5的strict模式不存在全局变量,这里的this是undefined。

对象方法调用

var test = { foo: function () { console.log(this); } } test.foo(); //test对象

对象方法调用中,this指向调用者。

var test = { foo: function () { console.log(this); } } var test2 = test.foo; test2(); //全局变量

不过由于this的晚绑定特性,在上例的情况中this将指向全局变量,相当于直接调用函数。

这点非常重要,同样的代码段,只有在运行时才能确定this指向

构造函数

function Foo() { console.log(this); } new Foo(); //新创建的对象 console.log(foo);

在构造函数内部,this指向新创建的对象。

显式设置this

function foo(a, b) { console.log(this); } var bar = {}; foo.apply(bar, [1, 2]); //bar foo.call(1, 2); //Number对象

使用Function.prototype的call或者apply方法是,函数内部this会被设置为传入的第一个参数。

【JavaScript中的this机制】相关文章:

JavaScript中String.match()方法的使用详解

JavaScript中string对象

JavaScript数据结构与算法之链表

JavaScript实现简单的数字倒计时

javascript操作ul中li的方法

JavaScript正则表达式的分组匹配详解

JavaScript中使用自然对数ln的方法

浅析JavaScript中的事件机制

JavaScript基本数据结构

JavaScript的Date()方法使用详解

精品推荐
分类导航