函數定義
- 函數聲明
function add(i,j){
return i+j
}
- 函數表達式
var add = function(i,j){
return i+j;
}
- 函數實例化
var add = new Function('i','j','retunr (i+j)');
不同函數定義方式的區別：
- 聲明提前：代碼執行前先對變量定義、函數聲明進行預解析，然后開始逐條執行js語句，也就是函數聲明和變量定義對強制提前到代碼最前面執行
- 用函數聲明方式重復定義函數只有最后一個聲明是有效的
- 實例化定義的函數只能訪問本地作用域和全局作用域
函數調用
- 普通調用模式
add(1)
- 方法調用模式
- 調用對象的方法
var myNumber={
value:1,
add:function(){
this.value +=1;
}
}
myNumber.add();
構造函數調用模式
apply(call)調用模式
- apply是Function構造函數上的一個方法
- 實現函數借用功能
function Point(x,y){
this.x = x;
this.y = y;
}
Point.prototype.move = function(x,y){
this.x +=x;
this.y += y;
}
var p = new Point(0,0);
p.move(2,2);
var circle = {x:1,y:1,r:1};
p.move.apply(circle,[2,1]);
//p.move方法里的this指向circle對象，數組[2,1]里的2個元素作為參數傳入方法
函數調用時this的指向
- 普通調用
- 指向全局對象
- 方法調用
- 指向調用函數的對象
- 構造函數調用
- 指向生成的對象
- apply(call)調用
- 指向它的第一個參數
arguments
函數調用時，會給本地作用域添加另一個對象:arguments，用于獲取函數實參
- Array-like(函數實參列表，是個類數組對象)
- arguments[index] 獲取某個實參
- anguments.length 獲取實參個數
函數傳參
- 原始類型按值傳遞
- 對象類型按共享傳遞
- 實參得到的是外部對象的一個副本
閉包
如果一個函數訪問了它的外部變量，那么它就是一個閉包。
注意，外部函數不是必需的。通過訪問外部變量，一個閉包可以維持（keep alive）這些變量。在內部函數和外部函數的例子中，外部函數可以創建局部變量，并且最終退出；但是，如果任何一個或多個內部函數在它退出后卻沒有退出，那么內部函數就維持了外部函數的局部數據。
function foo(x) {
var tmp = 3;
return function (y) {
alert(x + y + tmp);
x.memb = x.memb ? x.memb + 1 : 1;
alert(x.memb);
}
}
var age = new Number(2);
var bar = foo(age); // bar 現在是一個引用了age的閉包
bar(10);
- 閉包的功能
- 保存函數運行狀態
- 函數封裝(定義一些私有的對象)
- 性能優化
First-class function
- 函數作為參數
- 異步回調函數
- 函數作為返回值
- Function.pretotype.bind
function Point(x,y){
this.x = x;
this.y = y;
}
Point.prototype.move = function(x,y){
this.x +=x;
this.y += y;
}
var p = new Point(0,0);
p.move(2,2);
var circle = {x:1,y:1,r:1};
var circlemove=p.move.bind(circle,[2,1]);
circlemove();
