首頁 > 文章 > web前端 > javascript物件和函數的差別是什麼

javascript物件和函數的差別是什麼

區別：1、JavaScript物件是變數的容器，裡面可以封裝函數，而函數是被設計成執行特定任務的程式碼區塊；2、JavaScript物件無法封裝操作過程，而JavaScript函數裡面可以封裝操作過程。

本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

javascript物件和函數的差異是什麼

1.物件

「JavaScript」物件是變數的容器，但通常我們認為物件是鍵值對的容器，鍵值對的通常寫法是 name:value（鍵與值以冒號分割）。

鍵值對在 javaScript 物件中通常稱為物件屬性。

範例：

var person = {
    firstName:"zhang",
    lastName:"erga",
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}

2.函數

函數（方法Function）是對js操作過程的封裝，以後操作同樣的過程，只要呼叫對應的函數（方法）即可。物件同樣是對js程式碼封裝，不過物件可以封裝函數（方法）。例如把某一類別的函數（方法）都封裝到某個物件中。這樣可以系統的管理呼叫函數（方法）。

範例：

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

3.聯絡

物件裡面可以封裝函數。

範例：

var person = {
    firstName:"zhang",
    lastName:"erga",
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}

4.區別

物件裡包含的是而且只能是鍵值對（鍵值以「：」分割，值內容包含普通的變數和函數）。

函數裡面可以封裝操作過程，但是物件裡面無法封裝操作過程。