請列舉出JS物件的幾種建立方式?

2022-09-15 07:45:11 字數 1372 閱讀 1940

j**ascript建立物件簡單的說,無非就是使用內建物件或各種自定義物件,當然還可以用json;但寫法有很多種,也能混合使用。

1、物件字面量的方式  

var person=;

2、用function來模擬無參的建構函式

function person(){}

var person=new person();//定義乙個function,如果使用new"例項化",該function可以看作是乙個class

person.name="mark";

person.age="25";

person.work=function(){

alert(person.name+" hello...");

person.work();

3、用function來模擬參建構函式來實現(用this關鍵字定義構造的上下文屬性)

function pet(name,age,hobby){

this.name=name;//this作用域:當前物件

this.age=age;

this.hobby=hobby;

this.eat=function(){

alert("我叫"+this.name+",我喜歡"+this.hobby+",是個程式設計師");

var maidou =new pet("麥兜",25,"coding");//例項化、建立物件

maidou.eat();//呼叫eat方法

4、用工廠方式來建立(內建物件)

var wcdog =new object();

wcdog.name="旺財";

wcdog.age=3;

wcdog.work=function(){

alert("我是"+wcdog.name+",汪汪汪......");

wcdog.work();

5、用原型方式來建立

function dog(){

dog.prototype.name="旺財";

dog.prototype.eat=function(){

alert(this.name+"是個吃貨");

var wangcai =new dog();

wangcai.eat();

5、用混合方式來建立

function car(name,price){

this.name=name;

this.price=price;

car.prototype.sell=function(){

alert("我是"+this.name+",我現在賣"+this.price+"萬元");

var camry =new car("凱美瑞",27);

camry.sell(); 

js 建立物件的幾種方式

一 原始方式 解釋 原始方法建立物件,通過new關鍵字生成乙個物件,然後根據js是動態語言的特性新增屬性和方法,構造乙個物件。其中this是表示呼叫該方法的物件。缺點 多次建立物件,則需要重複 多次,不利於 的復用。二 工廠模式 var getage function var getname fun...

js 建立物件的幾種方式

第一種 工廠模式 例1 function createobj name,age return o var per1 createobj 張三 20 per1.sayinfo 缺點 無法知道物件的型別 第二種 建構函式模式 例2 function person name,age var per2 ne...

js建立物件的幾種方式

雖然object建構函式或物件字面量都可以建立單個物件,但這些方式有個明顯的缺點,那就是使用同乙個介面創造很多物件,會產生大量的重複 所以產生了下面幾種模式。1 工廠模式 function createperson name,age,job o.name name o.age age o.job j...