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