天天看點

JS中對象定義的幾種方式

JS中對象定義的幾種方式

    • 前言
    • 無參數建立對象
    • 有參數建立對象
    • 使用預設的Object對象建立
    • 自描述形式建立對象

【前言】

關于JS中的”對象“,可以參照面向對象中的”對象“概念來了解,盡管其中有很大的差別。

JS中對象定義的方式大緻有以下幾種:

1.無參數建立對象

//定義People對象,無任何形參
   function People()
   {
   }

   //生成了對象執行個體,根據需要對對象進行處理
   //添加屬性
   var tom=new People();
   tom.name="tom";
   tom.age=;
   tom.gender="male";
   //添加方法
   tom.aboutLover=function()
   {
       alert("I love smile girl");
   }
===================================
   //使用時直接按照如下方法使用添加的屬性和方法
   document.write("name: "+tom.name+"   age"+tom.age+"gender "+tom.gender);
   tom.aboutLover();
           

2.有參數建立對象

按照面向對象的思想,一般來說,在設計“類”時,應該定義好對象的屬性和基本操作,在建立對象時進行初始化操作。JavaScript雖然是一種腳本語言,但保持良好的設計風格仍然很有必要。

//定義對象,有參數
function People(name,age,gender)
{
    //初始化屬性
    this.name=name;
    this.age=age;
    this.gender=gender;

    //定義方法
    this.aboutLover=function()
    {
        alert("I love smile girl");
    }
}
//建立對象
var tom=new Person("tom",,"male");
//測試
document.write(tom.name+tom.age+tom.gender);
tom.aboutLover();
           

3.使用預設的Object對象建立

JS中預設有一個Object對象,可以直接使用

/*類似于這樣的形式
fucntion Object()
{
}
*/

//建立對象
var tom=new Object();

//添加屬性和方法
tom.name="tom";
tom.age=;
tom.gender="male";
tom.aboutLover=function()
{
    alert("I love smile girl");
}
           

4.自描述形式建立對象

自描述形式建立對象的形式如下:

var tom={name:"tom",
    age:,
    gender:"male",
        aboutLover:function()
        {
            alert("I love smile girl");
         }
    }
           

【注】

這篇文章僅僅是本人的學習筆記,如有錯誤,還煩請告知本人,謝謝。

繼續閱讀