JavaScript創建對象方法實例小結

本文實例講述了JavaScript創建對象方法。分享給大家供大家參考,具體如下:


JavaScript創建對象方法實例小結

一.創建對象方式:

1.通過字面量創建對象

<code> 實例:var obj={}空值
 alert(typeof obj)    結果:object/<code>

2.new object創建對象

<code>實例:var obj3=new object()創建空對象/<code>

3.構造函數形式創建對象

<code>function Text(){       對象名稱首字母大寫
}
var obj4=new Text();
function Text1(num1,num2)
   this.n1=num1;         this指text1
   this.n1=num2;}
var obj5=new Text1(5,6);
alert(typeof obj5);            彈出:object
alert(obj5 intanceof Text);     彈出:判斷obj5不是Text構造,false;
4.通過object.create創建對象
var obj6=object.create({x:1});
var obj7= object.create(null);/<code>
JavaScript創建對象方法實例小結

二.創建普通空值

<code>var obj8= object.create(object.prototype);/<code>
  1. 查詢屬性
<code>var person={
username:’king’,
aga:12,
salary:1234,
addr:’北京’,
Sex:’男’,
};
Console.log(‘用戶名為:’+person.username+”\\n+性別:‘person.sex’);  結果:king男
如果屬性不確認使用[ ]/<code>

2.添加屬性

<code>var obj={};空對象
obj.username=’king’;obj.age=12;obj.addr=’北京’;obj[‘test’]=’this is a test;
console.log(obj.username+’\\n’+obj.age+’\\n’+obj.addr+’\\n’+obj[‘test’]);
 結果:this is a tist;/<code>

3.修改屬性值

<code>Obj.username=’queen’;
Obj[‘test’]=’ymt’;
Console.log(‘修改之後的名字’+username); 結果:修改之後名字queen
Console.log(obj[‘test’]);     結果:ymt/<code>

4.delete刪除屬性值

<code>delete obj[‘test’];              
console.log(obj[‘test’]);               刪除test,值為:undefined
delete obj.username;
console.log(obj[‘username’])          刪除username,值為:undefined/<code>

5.遍歷屬性for/in

<code>var obj1={
x:1,
y:2,
test:’this is a test,
edu:’ymt’
};
for(var p in obj1)’{          輸出obj1所有屬性
  Console.log(p+‘\\n’);       結果:x y this is a test  ymt
}/<code>

6.對象中方法

<code>Var obj2={
Username:’king’,
Age:12,
Addr:’北京’,
SayHi:function(){
  Return ‘say Hi’;
},
Info:function(){
 Return ‘用戶名:’+this.username+’年齡:’‘+this.age’:‘地址:’+this.addr;
}
};
Console.log(obj2.sayHi());  輸出:sayHi
Console.log(obj2.info());   輸出:用戶名:King年齡:12地址:北京
Console.log(obj2.info);   輸出:函數體info內容/<code>
JavaScript創建對象方法實例小結

希望本文所述對大家JavaScript程序設計有所幫助。


分享到:


相關文章: