摘要：讓我們拆開寫小明正常結(jié)果多帶帶調(diào)用函數(shù)怎么返回了請(qǐng)注意，我們已經(jīng)進(jìn)入到了的一個(gè)大坑里。如果多帶帶調(diào)用函數(shù)，比如，此時(shí)，該函數(shù)的指向全局對(duì)象，也就是。

1. arguments

JavaScript還有一個(gè)免費(fèi)贈(zèng)送的關(guān)鍵字arguments，它只在函數(shù)內(nèi)部起作用，并且永遠(yuǎn)指向當(dāng)前函數(shù)的調(diào)用者傳入的所有參數(shù)。arguments類似Array但它不是一個(gè)Array：

function foo(x) {
    alert(x); // 10
    for (var i=0; i
利用arguments，你可以獲得調(diào)用者傳入的所有參數(shù)。也就是說(shuō)，即使函數(shù)不定義任何參數(shù)，還是可以拿到參數(shù)的值：
function abs() {
    if (arguments.length === 0) {
        return 0;
    }
    var x = arguments[0];
    return x >= 0 ? x : -x;
}

abs(); // 0
abs(10); // 10
abs(-9); // 9  

2.小心你的return語(yǔ)句
前面我們講到了JavaScript引擎有一個(gè)在行末自動(dòng)添加分號(hào)的機(jī)制，這可能讓你栽到return語(yǔ)句的一個(gè)大坑：
function foo() {
    return { name: "foo" };
}

foo(); // { name: "foo" }



如果把return語(yǔ)句拆成兩行：
function foo() {
    return
        { name: "foo" };
}

foo(); // undefined

要小心了，由于JavaScript引擎在行末自動(dòng)添加分號(hào)的機(jī)制，上面的代碼實(shí)際上變成了：
function foo() {
    return; // 自動(dòng)添加了分號(hào)，相當(dāng)于return undefined;
        { name: "foo" }; // 這行語(yǔ)句已經(jīng)沒(méi)法執(zhí)行到了
}

所以正確的多行寫法是：
function foo() {
    return { // 這里不會(huì)自動(dòng)加分號(hào)，因?yàn)閧表示語(yǔ)句尚未結(jié)束
        name: "foo"
    };
}

3.變量作用域
由于JavaScript的函數(shù)可以嵌套，此時(shí)，內(nèi)部函數(shù)可以訪問(wèn)外部函數(shù)定義的變量，反過(guò)來(lái)則不行：
"use strict";

function foo() {
    var x = 1;
    function bar() {
        var y = x + 1; // bar可以訪問(wèn)foo的變量x!
    }
    var z = y + 1; // ReferenceError! foo不可以訪問(wèn)bar的變量y!
}

如果內(nèi)部函數(shù)和外部函數(shù)的變量名重名怎么辦？
"use strict";

function foo() {
    var x = 1;
    function bar() {
        var x = "A";
        alert("x in bar() = " + x); // "A"
    }
    alert("x in foo() = " + x); // 1
    bar();
}

這說(shuō)明JavaScript的函數(shù)在查找變量時(shí)從自身函數(shù)定義開始，從“內(nèi)”向“外”查找。如果內(nèi)部函數(shù)定義了與外部函數(shù)重名的變量，則內(nèi)部函數(shù)的變量將“屏蔽”外部函數(shù)的變量。
4.變量提升
JavaScript的函數(shù)定義有個(gè)特點(diǎn)，它會(huì)先掃描整個(gè)函數(shù)體的語(yǔ)句，把所有申明的變量“提升”到函數(shù)頂部：
"use strict";

function foo() {
    var x = "Hello, " + y;
    alert(x);
    var y = "Bob";
}

foo();

雖然是strict模式，但語(yǔ)句var x = "Hello, " + y;并不報(bào)錯(cuò)，原因是變量y在稍后申明了。但是alert顯示Hello, undefined，說(shuō)明變量y的值為undefined。這正是因?yàn)镴avaScript引擎自動(dòng)提升了變量y的聲明，但不會(huì)提升變量y的賦值。
對(duì)于上述foo()函數(shù)，JavaScript引擎看到的代碼相當(dāng)于：
function foo() {
    var y; // 提升變量y的申明
    var x = "Hello, " + y;
    alert(x);
    y = "Bob";
}

5.全局作用域
不在任何函數(shù)內(nèi)定義的變量就具有全局作用域。實(shí)際上，JavaScript默認(rèn)有一個(gè)全局對(duì)象window，全局作用域的變量實(shí)際上被綁定到window的一個(gè)屬性：
"use strict";

var course = "Learn JavaScript";
alert(course); // "Learn JavaScript"
alert(window.course); // "Learn JavaScript

因此，直接訪問(wèn)全局變量course和訪問(wèn)window.course是完全一樣的。
你可能猜到了，由于函數(shù)定義有兩種方式，以變量方式var foo = function () {}定義的函數(shù)實(shí)際上也是一個(gè)全局變量，因此，頂層函數(shù)的定義也被視為一個(gè)全局變量，并綁定到window對(duì)象：
"use strict";

function foo() {
    alert("foo");
}

foo(); // 直接調(diào)用foo()
window.foo(); // 通過(guò)window.foo()調(diào)用



這說(shuō)明JavaScript實(shí)際上只有一個(gè)全局作用域。任何變量（函數(shù)也視為變量），如果沒(méi)有在當(dāng)前函數(shù)作用域中找到，就會(huì)繼續(xù)往上查找，最后如果在全局作用域中也沒(méi)有找到，則報(bào)ReferenceError錯(cuò)誤。

6.局部作用域
由于JavaScript的變量作用域?qū)嶋H上是函數(shù)內(nèi)部，我們?cè)趂or循環(huán)等語(yǔ)句塊中是無(wú)法定義具有局部作用域的變量的：
"use strict";

function foo() {
    for (var i=0; i<100; i++) {
        //
    }
    i += 100; // 仍然可以引用變量i
}
for循環(huán)第一條語(yǔ)句聲明的變量是全局變量，在for循環(huán)外面當(dāng)然可以正常使用。
為了解決塊級(jí)作用域，ES6引入了新的關(guān)鍵字let，用let替代var可以申明一個(gè)塊級(jí)作用域的變量：
"use strict";

function foo() {
    var sum = 0;
    for (let i=0; i<100; i++) {
        sum += i;
    }
    i += 1; // SyntaxError
}

7.方法
在一個(gè)對(duì)象中綁定函數(shù)，稱為這個(gè)對(duì)象的方法。
如果我們給xiaoming綁定一個(gè)函數(shù)，就可以做更多的事情。比如，寫個(gè)age()方法，返回xiaoming的年齡：
var xiaoming = {
    name: "小明",
    birth: 1990,
    age: function () {
        var y = new Date().getFullYear();
        return y - this.birth;
    }
};

xiaoming.age; // function xiaoming.age()
xiaoming.age(); // 今年調(diào)用是25,明年調(diào)用就變成26了

綁定到對(duì)象上的函數(shù)稱為方法，和普通函數(shù)也沒(méi)啥區(qū)別，但是它在內(nèi)部使用了一個(gè)this關(guān)鍵字，這個(gè)東東是什么？
在一個(gè)方法內(nèi)部，this是一個(gè)特殊變量，它始終指向當(dāng)前對(duì)象，也就是xiaoming這個(gè)變量。所以，this.birth可以拿到xiaoming的birth屬性。
讓我們拆開寫：
function getAge() {
    var y = new Date().getFullYear();
    return y - this.birth;
}

var xiaoming = {
    name: "小明",
    birth: 1990,
    age: getAge
};

xiaoming.age(); // 25, 正常結(jié)果
getAge(); // NaN

多帶帶調(diào)用函數(shù)getAge()怎么返回了NaN？請(qǐng)注意，我們已經(jīng)進(jìn)入到了JavaScript的一個(gè)大坑里。
JavaScript的函數(shù)內(nèi)部如果調(diào)用了this，那么這個(gè)this到底指向誰(shuí)？
答案是，視情況而定！
如果以對(duì)象的方法形式調(diào)用，比如xiaoming.age()，該函數(shù)的this指向被調(diào)用的對(duì)象，也就是xiaoming，這是符合我們預(yù)期的。
如果多帶帶調(diào)用函數(shù)，比如getAge()，此時(shí)，該函數(shù)的this指向全局對(duì)象，也就是window。
坑爹?。?br>更坑爹的是，如果這么寫：
var fn = xiaoming.age; // 先拿到xiaoming的age函數(shù)
fn(); // NaN

也是不行的！要保證this指向正確，必須用obj.xxx()的形式調(diào)用！
由于這是一個(gè)巨大的設(shè)計(jì)錯(cuò)誤，要想糾正可沒(méi)那么簡(jiǎn)單。ECMA決定，在strict模式下讓函數(shù)的this指向undefined，因此，在strict模式下，你會(huì)得到一個(gè)錯(cuò)誤：
有些時(shí)候，喜歡重構(gòu)的你把方法重構(gòu)了一下：
"use strict";

var xiaoming = {
    name: "小明",
    birth: 1990,
    age: function () {
        function getAgeFromBirth() {
            var y = new Date().getFullYear();
            return y - this.birth;
        }
        return getAgeFromBirth();
    }
};

xiaoming.age(); // Uncaught TypeError: Cannot read property "birth" of undefined

結(jié)果又報(bào)錯(cuò)了！原因是this指針只在age方法的函數(shù)內(nèi)指向xiaoming，在函數(shù)內(nèi)部定義的函數(shù)，this又指向undefined了?。ㄔ诜莝trict模式下，它重新指向全局對(duì)象window?。?/p>
修復(fù)的辦法也不是沒(méi)有，我們用一個(gè)that變量首先捕獲this：
"use strict";

var xiaoming = {
    name: "小明",
    birth: 1990,
    age: function () {
        var that = this; // 在方法內(nèi)部一開始就捕獲this
        function getAgeFromBirth() {
            var y = new Date().getFullYear();
            return y - that.birth; // 用that而不是this
        }
        return getAgeFromBirth();
    }
};

xiaoming.age(); // 25

用var that = this;，你就可以放心地在方法內(nèi)部定義其他函數(shù)，而不是把所有語(yǔ)句都堆到一個(gè)方法中。
8.apply
雖然在一個(gè)獨(dú)立的函數(shù)調(diào)用中，根據(jù)是否是strict模式，this指向undefined或window，不過(guò)，我們還是可以控制this的指向的！
要指定函數(shù)的this指向哪個(gè)對(duì)象，可以用函數(shù)本身的apply方法，它接收兩個(gè)參數(shù)，第一個(gè)參數(shù)就是需要綁定的this變量，第二個(gè)參數(shù)是Array，表示函數(shù)本身的參數(shù)。
用apply修復(fù)getAge()調(diào)用：
function getAge() {
    var y = new Date().getFullYear();
    return y - this.birth;
}

var xiaoming = {
    name: "小明",
    birth: 1990,
    age: getAge
};

xiaoming.age(); // 25
getAge.apply(xiaoming, []); // 25, this指向xiaoming, 參數(shù)為空

另一個(gè)與apply()類似的方法是call()，唯一區(qū)別是：

apply()把參數(shù)打包成Array再傳入；

call()把參數(shù)按順序傳入。


比如調(diào)用Math.max(3, 5, 4)，分別用apply()和call()實(shí)現(xiàn)如下：
Math.max.apply(null, [3, 5, 4]); // 5
Math.max.call(null, 3, 5, 4); // 5

對(duì)普通函數(shù)調(diào)用，我們通常把this綁定為null。
9.裝飾器
利用apply()，我們還可以動(dòng)態(tài)改變函數(shù)的行為。
JavaScript的所有對(duì)象都是動(dòng)態(tài)的，即使內(nèi)置的函數(shù)，我們也可以重新指向新的函數(shù)。
現(xiàn)在假定我們想統(tǒng)計(jì)一下代碼一共調(diào)用了多少次parseInt()，可以把所有的調(diào)用都找出來(lái)，然后手動(dòng)加上count += 1，不過(guò)這樣做太傻了。最佳方案是用我們自己的函數(shù)替換掉默認(rèn)的parseInt()：
var count = 0;
var oldParseInt = parseInt; // 保存原函數(shù)

window.parseInt = function () {
    count += 1;
    return oldParseInt.apply(null, arguments); // 調(diào)用原函數(shù)
};

// 測(cè)試:
parseInt("10");
parseInt("20");
parseInt("30");
count; // 3