原生js之 “this ”(来源于书本：你不知道的javaScript)

1:先看一个误解的this使用.

function foo(num) {
console.log('foo'+num);
this.data++;        //记录foo()被调用的次数.
    console.log(this.data);  //这个data不是外面那个data
   i++;
   console.log('全局变量i'+i);
//在这里使用了词法作用域.并没有解释this，foo为函数对象.
   console.log('foo.data'+foo.data++);
}
foo.data = 0;  //data是函数对象的变量
var i = 0;    //这是一个全局变量
while (i<=5)
{
    foo(i);
    i++;
}
console.log(foo.data);
console.log(this.data);

2:在对象中使用this。

function prints()
{
    for(ps in this)
    {
        if('function'===typeof this[ps])
            continue  //跳过方法
    document.write('<br>&nbsp;&nbsp;属性'+p+'='+this[ps])//输出属性及其值
    }
}
function Book(name,price)
{
    this.name = name   //使用this访问当前对象
    this.price = price
    this.insert = prints
}
var s = new Book('c++入门',40)  //执行构造函数
document.write('<br>')
document.write('对象s:')
document.write('<br>')
s.insert() //执行对象方法;

3：this全面讲解:this的绑定取决于函数的调用位置

　　(1)调用位置:即函数被调用的位置:

function test() {
console.log('test'); //当前调用栈是全局作用域
    test1();
}
function test1() {
test2();
}
function test2() {
console.log('test2');
}
test(); //test的调用位置.

　　(2):绑定规则：this是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式.

当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函数在哪里被调用（调用栈）、函数的调用方式、传入的参数等信息。this就是这个记录的一个属性，会在函数执行的过程中用到。

　　原文：的意思是非严格模式下this绑定全局对象,this.a被解析成全局变量a = 2。

1：默认绑定
//代码三：默认绑定：
/*非严格模式下
function test() {
console.log(this.a);
}
var a = 2;
test();   //输出的是undefined
 */
/*严格模式下
function test() {
'use strict';
    console.log(this.a);
}
var a = 2;
test();  //直接报错.
 */

　　隐式绑定

//隐式绑定.
/*
function test(num) {
console.log(this.s); //此时的this绑定于对象a。
console.log(num);
}
var a = {
    s:0,
    a_test:test  //该处是用对象的属性来引用函数.
};
a.a_test(4);  //输出0 ,4.
 */
function foo() {
console.log(this.a);  //this绑定的是对象obj2
}
var  obj2 = {
    a:42,
    obj2_foo:foo  //对象obj2的属性obj2_foo来引用函数foo()
};
var obj1 = {
    a:2,
    obj1_obj2:obj2   //对象obj1的属性obj1_obj2来引用对象obj2
};
obj1.obj1_obj2.obj2_foo();  //42