DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js創建對象的方式 三種
js創建對象的方式 三種
編輯:JavaScript基礎知識     

  1. 使用直接量創建1個對象:

var aobj = {
      x : 10,
      y : function(){
         console.log("aobj-->        "+this.x);
      }
     }
aobj.y();
//對象自己的方法要用自己的屬性,必須使用this.屬性名 this.讀作"當前對象的"
//何時使用:只創建一個單獨對象時

2.使用構造函數創建多個統一結構的對象

//Step1: 定義構造函數
function cobj (name,age){ this.name = name; this.age = age; this.y = function(){ return this.name + this.age   }      }
//Step2: 調用構造函數函數創建對象! var c = new cobj("li",20); console.log(c.name); console.log(c.y());
//優:只需一次定義結構,即可反復創建相同結構的對象

3.先創建空對象,再添加屬性和方法

var bobj = new Object();
          bobj.x = 20;
          bobj.y = function(){
            console.log("aobj-->        "+this.x);
          }
bobj.y();
//創建對象時,暫時不知道對象的結構,可以先創建空對象,之後逐漸添加屬性和方法

固定套路:變量對象的屬性和方法:for...in結構

判斷對象中是否存在指定屬性  /*2種*/

1. "屬性名"  in obj;

2.if(obj.方法名===undefined); ==>可簡寫為 if(obj.方法名)

 

總結:

①,創建單個對象可用直接量方法聲明

②,創建多個統一結構的對象時可用構造函數 

③,暫時不知道對象結構時先new Object();

④,對象自己的方法用對自己的屬性時,要加this.屬性名

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved