1. 程式人生 > >javascript中的Function類型

javascript中的Function類型

call 實例 cti 結果 ava 函數 接收 命名參數 初始

Function(函數)類型實際上是對象。每個函數都是Function類型的實例,而且都與其他引用類型一樣具有屬性和方法。由於函數是對象,因此函數名實際上也是一個指向函數對象的指針。

一.函數的聲明方式

1.普通的函數聲明

function laber(num1, num2) {
    return num1+ num2;
}

2.使用變量初始化函數

var laber = function(num1, num2) {
    return num1 + num2;
};

3.使用Function構造函數 ps:不建議用這種方式

var laber = new Function(‘num1‘, ‘num2‘ ,‘return num1 + num2‘);

二.作為值的函數

函數名本身就是變量,所以函數也可以作為值來使用。也就是說,不僅可以像傳遞參數一樣把一個函數傳遞給另一個函數,而且可以將一個函數作為另一個函數的結果返回。

function laber(number, num) {
    return number(num);                //number
}
function sum(num) {
    return num + 10;
}
var result = laber(sum, 10);                    //傳遞函數到另一個函數裏

三.函數內部屬性

在函數內部,有兩個特殊的對象:arguments

thisarguments是一個類數組對象,包含著傳入函數中的所有參數,主要用途是保存函數參數。但這個對象還有一個名叫callee的屬性,該屬性是一個指針,指向擁有這個arguments對象的函數。

function laber(num) {
    if (num <= 1) {
        return 1;
    } else {
        return num * laber(num-1);            //一個簡單的的遞歸
    }
}

對於階乘函數一般要用到遞歸算法,所以函數內部一定會調用自身;如果函數名不改變是沒有問題的,但一旦改變函數名,內部的自身調用需要逐一修改。為了解決這個問題,我們可以使用

arguments.callee來代替。

function laber(num) {
    if (num <= 1) {
        return 1;
    } else {
        return num * arguments.callee(num-1);//使用callee來執行自身
    }
}

函數內部另一個特殊對象是thisthis引用的是函數據以執行操作的對象,或者說函數調用語句所處的那個作用域PS:當在全局作用域中調用函數時,this對象引用的就是window

window.color = ‘紅色的‘;                    //全局的,或者var color = ‘紅色的‘;也行
alert(this.color);                            //打印全局的color

var laber = {
    color : ‘藍色的‘,                        //局部的color
    sayColor : function () {
        alert(this.color);                    //此時的this只能box裏的color
    }
};

laber.sayColor();                            //打印局部的color
alert(this.color);    

四.函數屬性和方法

函數是對象,因此函數也有屬性和方法。每個函數都包含兩個屬性:lengthprototype。其中,length屬性表示函數希望接收的命名參數的個數。

PS:對於prototype屬性,它是保存所有實例方法的真正所在,也就是原型。prototype下有兩個方法:apply()和call(),每個函數都包含這兩個非繼承而來的方法。這兩個方法的用途都在特定的作用域中調用函數,實際上等於設置函數體內this對象的值。

function laber(name, age) {
    alert(name + age);
}
alert(laber.length);

apply()方法:

function laber(num1, num2) {
    return num1 + num2;                    //原函數
}

function laber2(num1, num2) {
    return laber.apply(this, [num1, num2]);        //this表示作用域,這裏是window
}                                        //[]表示laber所需要的參數

function laber3(num1, num2) {
    return laber.apply(this, arguments);            //arguments對象表示laber所需要的參數
}

alert(laber2(10,10));                        //20
alert(laber3(10,10));                        //20

call()方法於apply()方法相同,他們的區別僅僅在於接收參數的方式不同。對於call()方法而言,第一個參數是作用域,沒有變化,變化只是其余的參數都是直接傳遞給函數的。

function laber(num1, num2) {
    return num1 + num2;
}

function laber2(num1, num2) {
    return laber.call(this, num1, num2);            //和apply區別在於後面的傳參
}

alert(laber2(8,8));

事實上,傳遞參數並不是apply()call()方法真正的用武之地;它們經常使用的地方是能夠擴展函數賴以運行的作用域。

var color = ‘紅色的‘;                    //或者window.color = ‘紅色的‘;也行
var laber= {
    color : ‘藍色的‘
};
function sayColor() {
    alert(this.color);
}
sayColor();                            //作用域在window
sayColor.call(this);                        //作用域在window
sayColor.call(window);                    //作用域在window
sayColor.call(box);                        //作用域在laber,對象冒充

使用call()或者apply()來擴充作用域的最大好處,就是對象不需要與方法發生任何耦合關系(耦合,就是互相關聯的意思,擴展和維護會發生連鎖反應)

javascript中的Function類型