itl 至少 匿名 add 限制 fin 作用 有變 rec

1.IIFE（立即執行函數）

　　立即執行函數，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是創建函數的同時立即執行。它沒有綁定任何事件，也無需等待任何異步操作：　　

　　(function() { 　　　　// 代碼 　　})(); 　　function(){…}是一個匿名函數，包圍它的一對括號將其轉換為一個表達式，緊跟其後的一對括號調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是：將var變量的作用域限制於你們函數內，這樣可以避免命名沖突。 2.prototype 　　每個JavaScript構造函數都有一個prototype屬性，用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。 　　function Rectangle(x, y) 　　{ 　　　　this._length = x; 　　　　this._breadth = y; 　　} 　　Rectangle.prototype.getDimensions = function() 　　{ 　　　　return { 　　　　　　length: this._length, 　　　　　　breadth: this._breadth 　　　　}; 　　}; 　　var x = new Rectangle(3, 4);

　　var y = new Rectangle(4, 3); 　　console.log(x.getDimensions()); // { length: 3, breadth: 4 } 　　console.log(y.getDimensions()); // { length: 4, breadth: 3 } 　　代碼中，x和y都是構造函數Rectangle創建的對象實例，它們通過prototype繼承了getDimensions方法。 3.模塊化 　　JavaScript並非模塊化編程語言，至少ES6落地之前都不是。然而對於一個復雜的Web應用，模塊化編程是一個最基本的要求。這時，可以使用立即執行函數

來實現模塊化，正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。 　　var module = (function() { 　　　　var N = 5; 　　　　function print(x) { 　　　　　　console.log("The result is: " + x); 　　　　} 　　　　function add(a) { 　　　　　　var x = a + N; 　　　　　　print(x); 　　　　} 　　　　return { 　　　　　　description: "This is description", 　　　　　　add: add 　　　　}; 　　})(); 　　console.log(module.description); // 輸出"this is description" 　　module.add(5); // 輸出“The result is: 10” 　　所謂模塊化，就是根據需要控制模塊內屬性與方法的可訪問性，即私有或者公開。在代碼中，module為一個獨立的模塊，N為其私有屬性，print為其私有方法，decription為其公有屬性，add為其共有方法。 4.變量提升 　　JavaScript會將所有變量和函數聲明移動到它的作用域的最前面，這就是所謂的變量提升(Hoisting)。也就是說，無論你在什麽地方聲明變量和函數，解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變量和函數，而後聲明它們。 　　但是，僅僅是變量聲明被提升了，而變量賦值不會被提升。如果你不明白這一點，有時則會出錯： 　　console.log(y); // 輸出undefined 　　y = 2; // 初始化y 　　上面的代碼等價於下面的代碼： 　　 var y; // 聲明y 　　console.log(y); // 輸出undefined 　　y = 2; // 初始化y 　　為了避免BUG，開發者應該在每個作用域開始時聲明變量和函數。 5.柯裏化 　　柯裏化，即Currying，可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它；也可以只傳入一部分參數來調用它，讓它返回一個函數去處理剩下的參數。 　　 　　var add = function(x) { 　　　　return function(y) { 　　　　　　return x + y; 　　　　}; 　　}; 　　console.log(add(1)(1)); // 輸出2 　　var add1 = add(1); 　　console.log(add1(1)); // 輸出2 　　var add10 = add(10); 　　console.log(add10(1)); // 輸出11 　　代碼中，我們可以一次性傳入2個1作為參數add(1)(1)，也可以傳入1個參數之後獲取add1與add10函數，這樣使用起來非常靈活。 6.apply, call與bind方法 　　JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this，即函數運行時依賴的上下文。三者之中，call方法是最簡單的，它等價於指定this值調用函數： 　　 　　var user = { 　　　　name: "Rahul Mhatre", 　　　　whatIsYourName: function() { 　　　　　　console.log(this.name); 　　　　} 　　}; 　　user.whatIsYourName(); // 輸出"Rahul Mhatre", 　　var user2 = { 　　　　name: "Neha Sampat" 　　}; 　　user.whatIsYourName.call(user2); // 輸出"Neha Sampat"

　　apply方法與call方法類似。兩者唯一的不同點在於，apply方法使用數組指定參數，而call方法每個參數單獨需要指定：

• apply(thisArg, [argsArray])
• call(thisArg, arg1, arg2, …)

　　

　　var user = { 　　　　greet: "Hello!", 　　　　greetUser: function(userName) { 　　　　　　console.log(this.greet + " " + userName); 　　　　} 　　}; 　　var greet1 = { 　　　　greet: "Hola" 　　}; 　　user.greetUser.call(greet1, "Rahul"); // 輸出"Hola Rahul" 　　user.greetUser.apply(greet1, ["Rahul"]); // 輸出"Hola Rahul"

　　使用bind方法，可以為函數綁定this值，然後作為一個新的函數返回：

　　

　　var user = { 　　　　greet: "Hello!", 　　　　greetUser: function(userName) { 　　　　　　console.log(this.greet + " " + userName); 　　　　} 　　}; 　　var greetHola = user.greetUser.bind({greet: "Hola"}); 　　var greetBonjour = user.greetUser.bind({greet: "Bonjour"}); 　　greetHola("Rahul") // 輸出"Hola Rahul" 　　greetBonjour("Rahul") // 輸出"Bonjour Rahul" 　　

javascript要點1