將函數(shù)作為屬性

任何類型的對象都可以作為一個屬性，回憶一下前面的Example 4(不是Example DT4)，函數(shù)也是一個對象。所以你可以讓一個函數(shù)作為一個對象的一個屬性。下面，我將添加兩個函數(shù)getSalary和addSalary。

Example DT7

CODE:

function Employee(name, salary)
{
  this.name=name;               
  this.salary=salary;

  this.addSalary=addSalaryFunction;

  this.getSalary=function()
                 {
                   return this.salary;
                 };
}
function addSalaryFunction(addition)
{
  this.salary=this.salary+addition;
}

var boss=new Employee("John", 200000);
boss.addSalary(10000);                    // boss 長了 10K 工資……為什么老板工資可以長這么多:'(
alert(boss.getSalary());                  // 輸出 210K……為什么默認工資也那么高……:'(

addSalary和getSalary演示了幾種將函數(shù)賦給屬性的不同方法。如果你記得我們最開始的討論；我討論了三種聲明函數(shù)的不同方式。所有那些在這里都是適用的，但是上面展示的兩個最常用。

讓我們看看有什么不同。下面，注意一下9-12行的代碼。當這部分代碼執(zhí)行的時候，函數(shù)getSalary被聲明。如前面數(shù)次提到的，一個函數(shù)聲明的結果是一個對象被創(chuàng)建。所以這時候boss被創(chuàng)建（接下來的第19行），而boss里有一個getSalary屬性。

CODE:

function Employee(name, salary)
{
  this.name=name;               
  this.salary=salary;

  this.addSalary=addSalaryFunction;

  this.getSalary=function()
                 {
                   return this.salary;
                 };
}
function addSalaryFunction(addition)
{
  this.salary=this.salary+addition;
}

var boss=new Employee("John", 200000);
var boss2=new Employee("Joan", 200000);
var boss3=new Employee("Kim", 200000);

當你創(chuàng)建這個對象的更多實例時(boss2和boss3),每一個實例都有一份getSalary代碼的單獨拷貝；而與此相反，addSalary則指向了同一個地方(即addSalaryFunction)。 

看看下面的代碼來理解一下上面所描述的內容。

Example DT8

CODE:

function Employee(name, salary)
{
  this.name=name;               
  this.salary=salary;

  this.addSalary=addSalaryFunction;
  this.getSalary=function()
                 {
                   return this.salary;
                 };
}
function addSalaryFunction(addition)
{
  this.salary=this.salary+addition;
}

var boss1=new Employee("John", 200000);
var boss2=new Employee("Joan", 200000);

// 給getSalary函數(shù)對象添加屬性
boss1.getSalary.owner="boss1";
boss2.getSalary.owner="boss2";
alert(boss1.getSalary.owner);   // 輸出 "boss1"
alert(boss2.getSalary.owner);   // 輸出 "boss2"
// 如果兩個對象指向同一個函數(shù)對象，那么
// 上面兩個輸出都應該是“boss2”。

// 給addSalary函數(shù)對象添加屬性
boss1.addSalary.owner="boss1";
boss1.addSalary.owner="boss2";
alert(boss1.addSalary.owner);   // 輸出 "boss2"
alert(boss2.addSalary.owner);   // 輸出 "boss2"
// 因為兩個對象都指向同一個函數(shù)，（子烏注：原文寫are not pointing to the same function，疑為筆誤）
// 當修改其中一個的時候，會影響所有的實例（所以兩個都輸出“boss2”）.

也許不是重要的事情，但這里有一些關于運行類似上面的getSalary的內嵌函數(shù)的結論： 1) 需要更多的存儲空間來存儲對象（因為每一個對象實例都會有它自己的getSalary代碼拷貝）；2) javascript需要更多時間來構造這個對象。

讓我們重新寫這個示例來讓它更有效率些。

Example DT9

CODE:

function Employee(name, salary)
{
  this.name=name;               
  this.salary=salary;

  this.addSalary=addSalaryFunction;
  this.getSalary=getSalaryFunction;
}
function getSalaryFunction()
{
  return this.salary;
}

function addSalaryFunction(addition)
{
  this.salary=this.salary+addition;
}

看這兒，兩個函數(shù)都指向同一個地方，這將會節(jié)約空間和縮短構造時間（特別是當你有一大堆內嵌函數(shù)在一個構造函數(shù)的時候）。這里有另外一個函數(shù)的功能能夠來提升這個設計，它叫做prototype，而我們將在下一節(jié)討論它。

最新評論