1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:
- apply(thisArg, [argsArray])
- call(thisArg, arg1, arg2, …)
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:
- apply(thisArg, [argsArray])
- call(thisArg, arg1, arg2, …)
使用bind方法,可以為函數綁定this值,然後作為一個新的函數返回:
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:
- apply(thisArg, [argsArray])
- call(thisArg, arg1, arg2, …)
使用bind方法,可以為函數綁定this值,然後作為一個新的函數返回:
9. Memoization
Memoization用於優化比較耗時的計算,通過將計算結果緩存到內存中,這樣對於同樣的輸入值,下次只需要中內存中讀取結果。
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:
- apply(thisArg, [argsArray])
- call(thisArg, arg1, arg2, …)
使用bind方法,可以為函數綁定this值,然後作為一個新的函數返回:
9. Memoization
Memoization用於優化比較耗時的計算,通過將計算結果緩存到內存中,這樣對於同樣的輸入值,下次只需要中內存中讀取結果。
代碼中,第2次計算fibonacci(100)則只需要在內存中直接讀取結果。
10. 函數重載
所謂函數重載(method overloading),就是函數名稱一樣,但是輸入輸出不一樣。或者說,允許某個函數有各種不同輸入,根據不同的輸入,返回不同的結果。憑直覺,函數重載可以通過if…else或者switch實現,這就不去管它了。jQuery之父John Resig提出了一個非常巧(bian)妙(tai)的方法,利用了閉包。
從效果上來說,people對象的find方法允許3種不同的輸入: 0個參數時,返回所有人名;1個參數時,根據firstName查找人名並返回;2個參數時,根據完整的名稱查找人名並返回。
難點在於,people.find只能綁定一個函數,那它為何可以處理3種不同的輸入呢?它不可能同時綁定3個函數find0,find1與find2啊!這裡的關鍵在於old屬性。
由addMethod函數的調用順序可知,people.find最終綁定的是find2函數。然而,在綁定find2時,old為find1;同理,綁定find1時,old為find0。3個函數find0,find1與find2就這樣通過閉包鏈接起來了。
根據addMethod的邏輯,當f.length與arguments.length不匹配時,就會去調用old,直到匹配為止。
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:
- apply(thisArg, [argsArray])
- call(thisArg, arg1, arg2, …)
使用bind方法,可以為函數綁定this值,然後作為一個新的函數返回:
9. Memoization
Memoization用於優化比較耗時的計算,通過將計算結果緩存到內存中,這樣對於同樣的輸入值,下次只需要中內存中讀取結果。
代碼中,第2次計算fibonacci(100)則只需要在內存中直接讀取結果。
10. 函數重載
所謂函數重載(method overloading),就是函數名稱一樣,但是輸入輸出不一樣。或者說,允許某個函數有各種不同輸入,根據不同的輸入,返回不同的結果。憑直覺,函數重載可以通過if…else或者switch實現,這就不去管它了。jQuery之父John Resig提出了一個非常巧(bian)妙(tai)的方法,利用了閉包。
從效果上來說,people對象的find方法允許3種不同的輸入: 0個參數時,返回所有人名;1個參數時,根據firstName查找人名並返回;2個參數時,根據完整的名稱查找人名並返回。
難點在於,people.find只能綁定一個函數,那它為何可以處理3種不同的輸入呢?它不可能同時綁定3個函數find0,find1與find2啊!這裡的關鍵在於old屬性。
由addMethod函數的調用順序可知,people.find最終綁定的是find2函數。然而,在綁定find2時,old為find1;同理,綁定find1時,old為find0。3個函數find0,find1與find2就這樣通過閉包鏈接起來了。
根據addMethod的邏輯,當f.length與arguments.length不匹配時,就會去調用old,直到匹配為止。
最後,學習吧,小夥伴,小編為大家準備了JavaScript基礎階段的視頻教程,希望可以幫到大家!
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:
- apply(thisArg, [argsArray])
- call(thisArg, arg1, arg2, …)
使用bind方法,可以為函數綁定this值,然後作為一個新的函數返回:
9. Memoization
Memoization用於優化比較耗時的計算,通過將計算結果緩存到內存中,這樣對於同樣的輸入值,下次只需要中內存中讀取結果。
代碼中,第2次計算fibonacci(100)則只需要在內存中直接讀取結果。
10. 函數重載
所謂函數重載(method overloading),就是函數名稱一樣,但是輸入輸出不一樣。或者說,允許某個函數有各種不同輸入,根據不同的輸入,返回不同的結果。憑直覺,函數重載可以通過if…else或者switch實現,這就不去管它了。jQuery之父John Resig提出了一個非常巧(bian)妙(tai)的方法,利用了閉包。
從效果上來說,people對象的find方法允許3種不同的輸入: 0個參數時,返回所有人名;1個參數時,根據firstName查找人名並返回;2個參數時,根據完整的名稱查找人名並返回。
難點在於,people.find只能綁定一個函數,那它為何可以處理3種不同的輸入呢?它不可能同時綁定3個函數find0,find1與find2啊!這裡的關鍵在於old屬性。
由addMethod函數的調用順序可知,people.find最終綁定的是find2函數。然而,在綁定find2時,old為find1;同理,綁定find1時,old為find0。3個函數find0,find1與find2就這樣通過閉包鏈接起來了。
根據addMethod的邏輯,當f.length與arguments.length不匹配時,就會去調用old,直到匹配為止。
最後,學習吧,小夥伴,小編為大家準備了JavaScript基礎階段的視頻教程,希望可以幫到大家!
1. 立即執行函數
立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何異步操作:
function(){…}是一個匿名函數,包圍它的一對括號將其轉換為一個表達式,緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變量的作用域限制於你們函數內,這樣可以避免命名衝突。
2. 閉包
對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變量。
代碼中,外部函數f1只執行了一次,變量N設為0,並將內部函數f2賦值給了變量result。由於外部函數f1已經執行完畢,其內部變量N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變量N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!
3. 使用閉包定義私有變量
通常,JavaScript開發者使用下劃線作為私有變量的前綴。但是實際上,這些變量依然可以被訪問和修改,並非真正的私有變量。這時,使用閉包可以定義真正的私有變量:
代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。
4. prototype
每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。
代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。
5. 模塊化
JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個複雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。
所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,module為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。
6. 變量提升
JavaScript會將所有變量和函數聲明移動到它的作用域的最前面,這就是所謂的變量提升(Hoisting)。也就是說,無論你在什麼地方聲明變量和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數,而後聲明它們。
但是,僅僅是變量聲明被提升了,而變量賦值不會被提升。如果你不明白這一點,有時則會出錯:
上面的代碼等價於下面的代碼:
為了避免BUG,開發者應該在每個作用域開始時聲明變量和函數。
7. 柯里化
柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。
代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。
8. apply, call與bind方法
JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。
三者之中,call方法是最簡單的,它等價於指定this值調用函數:
apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:
- apply(thisArg, [argsArray])
- call(thisArg, arg1, arg2, …)
使用bind方法,可以為函數綁定this值,然後作為一個新的函數返回:
9. Memoization
Memoization用於優化比較耗時的計算,通過將計算結果緩存到內存中,這樣對於同樣的輸入值,下次只需要中內存中讀取結果。
代碼中,第2次計算fibonacci(100)則只需要在內存中直接讀取結果。
10. 函數重載
所謂函數重載(method overloading),就是函數名稱一樣,但是輸入輸出不一樣。或者說,允許某個函數有各種不同輸入,根據不同的輸入,返回不同的結果。憑直覺,函數重載可以通過if…else或者switch實現,這就不去管它了。jQuery之父John Resig提出了一個非常巧(bian)妙(tai)的方法,利用了閉包。
從效果上來說,people對象的find方法允許3種不同的輸入: 0個參數時,返回所有人名;1個參數時,根據firstName查找人名並返回;2個參數時,根據完整的名稱查找人名並返回。
難點在於,people.find只能綁定一個函數,那它為何可以處理3種不同的輸入呢?它不可能同時綁定3個函數find0,find1與find2啊!這裡的關鍵在於old屬性。
由addMethod函數的調用順序可知,people.find最終綁定的是find2函數。然而,在綁定find2時,old為find1;同理,綁定find1時,old為find0。3個函數find0,find1與find2就這樣通過閉包鏈接起來了。
根據addMethod的邏輯,當f.length與arguments.length不匹配時,就會去調用old,直到匹配為止。
最後,學習吧,小夥伴,小編為大家準備了JavaScript基礎階段的視頻教程,希望可以幫到大家!
_javascript_01_歷史介紹和學習流程
_javascript_02_名詞介紹和簡單入門
_javascript_03_代碼註釋和代碼風格
_javascript_04_引入js文件
javascript_05_變量的聲明方式
_javascript_06_全局變量與局部變量
_javascript_07_探索變量的類型
_javascript_08_算數運算符
_javascript_09_關係運算符
_javascript_10_邏輯運算符
_javascript_11_邏輯運算符if
_javascript_12_邏輯運算符switch
_javascript_13_循環語句for
_javascript_14_循環語句while
_javascript_15_九九乘法表
_javascript_16_函數的聲明
_javascript_17_數組的聲明和長度
_javascript_18_數組的常見方法
_javascript_19_函數的重載
_javascript_20_事件機制和常見事件
獲取方式:
關注後,轉發並私信小編<學習>即可獲取以上JavaScript的零基礎開始的視頻教程