當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript 创建类/对象的几种方式
生活随笔
收集整理的這篇文章主要介紹了
JavaScript 创建类/对象的几种方式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在JS中,創建對象(Create Object)并不完全是我們時常說的創建類對象,JS中的對象強調的是一種復合類型,JS中創建對象及對對象的訪問是極其靈活的。
JS對象是一種復合類型,它允許你通過變量名存儲和訪問,換一種思路,對象是一個無序的屬性集合,集合中的每一項都由名稱和值組成(聽起來是不是很像我們常聽說的HASH表、字典、健/值對?),而其中的值類型可能是內置類型(如number,string),也可能是對象。
一、由一對大括號括起來
varemptyObj?={};????varmyObj?=
????{
????????'id':?1,????????//屬性名用引號括起來,屬性間由逗號隔開
'name':?'myName'
????};
????//var?m?=?new?myObj();?//不支持 不知你注意到對象都是用 var 聲明的沒有,像上面的代碼,就只是簡單的聲明一個對象,它只有一份拷貝,你不能像實例化類對象一樣對它采用new操作,像上面代碼的注釋部分。這樣就極大的限制了對象的重用,除非你建立的對象只需要一份拷貝,否則考慮用其他方法建立對象。 下面一起看看如何訪問對象的屬性和方法。 varmyObj?=
????{
????????'id':?1,
????????'fun':?function()?{
????????????document.writeln(this.id?+'-'+this.name);//以"對象.屬性"方式訪問
},
????????'name':?'myObj',
????????'fun1':?function()?{
????????????document.writeln(this['id']?+'+'+this['name']);//以集合方式訪問
}
????};
????myObj.fun();
????myObj.fun1();
????//結果
//1-myObj?1+myObj? 二、用 function 關鍵字模擬 class 在 function 中用 this 引用當前對象,通過對屬性的賦值來聲明屬性。如果用var聲明變量,則該變量為局部變量,只允許在類定義中調用。 functionmyClass()?{
????????????this.id?=5;
????????????this.name?='myclass';
????????????this.getName?=function()?{
????????????????returnthis.name;
????????????}
????????}
????????varmy?=newmyClass();
????????alert(my.id);
????????alert(my.getName());
????????//結果
//5
//myclass 三、在函數體中創建一個對象,聲明其屬性再返回 在函數體中創建對象可利用第一點的方法,或先 new Object(); 再為各屬性賦值。 不過用這種方式創建的對象在VS2008 SP1中是沒有智能提示的。 functionmyClass()?{
????????????varobj?=
????????????{
????????????????'id':2,
????????????????'name':'myclass'
????????????};
????????????returnobj;
????????}
????????function_myClass()?{
????????????varobj?=newObject();
????????????obj.id?=1;
????????????obj.name?='_myclass';
????????????returnobj;
????????}
????????varmy?=newmyClass();
????????var_my?=new_myClass();
????????alert(my.id);
????????alert(my.name);
????????alert(_my.id);
????????alert(_my.name);
????????//結果
//2
//myclass
//1
//_myclass
總結
以上是生活随笔為你收集整理的JavaScript 创建类/对象的几种方式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何确认软件测试结束的标准(系统可以上线
- 下一篇: 用JS实现人脑和计算机交互,这个厉害了