函數(shù)定義有兩種方式 函數(shù)聲明和函數(shù)表達(dá)式(new function 不考慮) , 兩者的區(qū)別就是:
用函數(shù)聲明創(chuàng)建的函數(shù)可以在函數(shù)解析后調(diào)用(解析時(shí)進(jìn)行等邏輯處理);而用函數(shù)表達(dá)式創(chuàng)建的函數(shù)是在運(yùn)行時(shí)進(jìn)行賦值,且要等到表達(dá)式賦值完成后才能調(diào)用。
Javascript 中函數(shù)聲明和函數(shù)表達(dá)式是存在區(qū)別的,函數(shù)聲明在JS解析時(shí)進(jìn)行函數(shù)提升,因此在同一個(gè)作用域內(nèi),不管函數(shù)聲明在哪里定義,該函數(shù)都可以進(jìn)行調(diào)用。而函數(shù)表達(dá)式的值是在JS運(yùn)行時(shí)確定,并且在表達(dá)式賦值完成后,該函數(shù)才能調(diào)用。這個(gè)微小的區(qū)別,可能會(huì)導(dǎo)致JS代碼出現(xiàn)意想不到的bug,讓你陷入莫名的陷阱中。
f();
var f = function (){};
// TypeError: undefined is not a function
// 等同于
var f;
f();
f = function () {};
-
length返回函數(shù)預(yù)期傳入的參數(shù)個(gè)數(shù) - 作用域
函數(shù)本身也是一個(gè)值,也有自己的作用域。它的作用域與變量一樣,就是聲明所在的作用域,與其運(yùn)行的作用域無關(guān)
var x = function () {
console.log(a);
};
function y(f) {
var a = 2;
f();
}
y(x)
// ReferenceError: a is not defined
- 函數(shù)傳值
參數(shù)如果為值的話,不會(huì)污染之前的變量。如果是傳址的引用類型的話。就會(huì)影響的原始值
var obj = { p: 1 };
function f(o) {
o.p = 2;
}
f(obj);
obj.p // 2
BUT如果函數(shù)內(nèi)部修改的,不是參數(shù)對(duì)象的某個(gè)屬性,而是替換掉整個(gè)參數(shù),這時(shí)不會(huì)影響到原始值。 直接賦予新值,和原數(shù)據(jù)沒有關(guān)系。不會(huì)影響原數(shù)據(jù)
var obj = [1, 2, 3];
function f(o) {
o = [2, 3, 4];
}
f(obj);
obj // [1, 2, 3]
- 閉包
閉包是javascript 中的一個(gè)難點(diǎn),簡(jiǎn)單的理解就是定義在一個(gè)函數(shù)內(nèi)部的函數(shù)。閉包最大的特點(diǎn),就是它可以記住誕生的環(huán)境。這樣就可以將函數(shù)內(nèi)部和函數(shù)外部連接起來。
閉包的最大用處有兩個(gè),一個(gè)是可以讀取函數(shù)內(nèi)部的變量,另一個(gè)就是讓這些變量始終保持在內(nèi)存中,即閉包可以使得它誕生環(huán)境一直存在
function createIncrementor(start) {
return function () {
return start++;
};
}
var inc = createIncrementor(5);
inc() // 5
inc() // 6
inc() // 7
為什么會(huì)這樣呢?原因就在于inc始終在內(nèi)存中,而inc的存在依賴于createIncrementor,因此也始終在內(nèi)存中,不會(huì)在調(diào)用結(jié)束后,被垃圾回收機(jī)制回收
- 為了避免污染全局變量 IIFE
(function(){
var tmp = newData;
processData(tmp);
storeData(tmp);
})()
// 或者在前面加上`* ~ - +` 這些符號(hào)