广州明生医药有限公司


JavaScript中的this机制

网络编程 JavaScript中的this机制 06-21

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会被设置为传入的第一个参数。

JS排序方法(sort,bubble,select,insert)代码汇总
最近开始学习数据结构。一点一点整理,希望能坚持下来。因为方向是前端,所以用JavaScript实现。//sort排序vartestArr1=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];var

Javascript实现的SHA-256加密算法完整实例
本文实例讲述了Javascript实现的SHA-256算法。分享给大家供大家参考,具体如下:/****SecureHashAlgorithm(SHA256)*http://www.webtoolkit.info/**OriginalcodebyAngelMarin,PaulJohns

JavaScript正则表达式的分组匹配详解
分组下面的正则表达式可以匹配kidkidkid:/kidkidkid/而另一种更优雅的写法是:/(kid){3}/这里由圆括号包裹的一个小整体称为分组。候选一个分组中,可以


编辑:广州明生医药有限公司

标签:全局变量,函数,对象,方法,不存在