首頁 > web前端 > js教程 > javascript創建物件三種方法是什麼

javascript創建物件三種方法是什麼

醉折花枝作酒筹
發布: 2023-01-06 11:17:07
原創
4298 人瀏覽過

方法是:1、使用內建對象,JavaScript語言原生對像或運行期的宿主對象;2、使用JSON符號,採用簡單的「鍵/值對」的集合或有序的值列表;3、自訂物件構造,使用「this」關鍵字或使用原型prototype進行建構。

javascript創建物件三種方法是什麼

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript中物件的建立有以下幾種方式:  

(1)使用內建物件 

(2)使用JSON符號 

(3)自訂物件建構

一、使用內建物件

JavaScript可用的內建物件可分為兩種:

1,JavaScript語言原生對象(語言層級物件),如String、Object、Function等; 

2,JavaScript執行期間的宿主物件(環境宿主層級物件),如window、document、body等。 

我們所謂的使用內建對象,是指透過JavaScript語言原生物件的建構方法,實例化出一個新的物件。如:

var str = new String("实例初始化String"); 
var str1 = "直接赋值的String"; 
var func = new Function("x","alert(x)");//示例初始化
func var o = new Object();//示例初始化一个Object
登入後複製

二、使用JSON符號

(i)何謂JSON ? 

JSON (JavaScript Object Notation)即JavaScript物件命名,是一種輕量級的資料交換格式,易於閱讀和編寫,同時也易於及其解析和生成。它是基於《JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999》的子集。 JSON是完全獨立於語言的文字格式,因此成為資料交換的理想格式。

JSON作為JavaScript的一個自己,同時ActionScript、C、C#、ColdFusion、E、Java、JavaScript、ML、ObjectiveCAML、Perl、PHP、Python、Rebol、Ruby、Lua等一系列的語言都提供支持,使得JSON成為Ajax開發的首選方案。

JSON有兩種建構方式,一種是採用簡單的「鍵/值對」的集合,在不同的語言中被理解為物件、記錄、結構、字典、雜湊表、有鍵列表,或關聯數組等,另一種採用有序的值列表,大部分語言把它理解為數組。 

常用的創建方式是第一種,即採用「鍵/值對」集合的形式。在這種形式下,一個物件以「{」(左括號)開始,「}」(右括號)結束。每個“名稱”後面跟著一個“:”(冒號),“ ‘鍵/值' 對”之間使用“,”(逗號)分隔。 

JSON有以下特點:(1)簡單格式化的資料交換;(2)易於人們的讀寫習慣;(3)易於機器的分析與運作。 

在JavaScript中,JSON被理解為物件。透過字串形式的JSON,資料可以很方便地解析成JavaScript獨享,並進行資料的讀取傳遞。透過JSON,在某種程度上客服了JavaScript物件無法作為參數系列化傳遞的問題。

1,簡單的JSON 

{name:"刘德华",age:"25",sex:"男"}
登入後複製

2,JSON值的類型 

JSON的值可以是簡單的資料型,例如數字、浮點、字元等,也可以是數組及物件。例如以陣列作為member鍵值的JSON: 

{member:[{name:"刘德华"},{name:"郭富城"},{name:"张学友"},{name:"黎明"}]}
登入後複製
{ 
book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}], 
author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}] 
}
登入後複製

3,在JavaScript中使用JSON 

JSON是JavaScript原生格式,這表示在JavaScript中處理JSON資料不需要任何特殊的API或工具包,JavaScript預設將JSON當作一個物件處理。

將物件傳遞給一個變量,例如: 

var somebooks = { 
book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}], 
author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}] 
}
登入後複製

JSON的每個「鍵」相當於物件的屬性,例如存取book中的第一個條目,在JavaScript中,就可以簡單地使用「somebooks.book[0].name」來取得「三國演義」這個值。  

我們不但可以將一個JSON字串轉換為對象,反過來將一個物件「編譯」為一個JSON字串,以方便JavaScript中的物件的傳輸。例如: 

var Animals = new Object(); 
Animals.name = "dog"; 
Animals.sex = "Male"; 
Animals.age = "2";
登入後複製

Animals物件無法被序列化傳輸,將Animals物件轉換為JSON字串,也就是「{name:"dog",sex:"Male",age:"2"}」。這樣,把該JSON字串當作HTTP請求的一個參數傳遞,從而達到序列化傳輸Animals物件的目的。 

(ii)JSON透過字串形式來表達JavaScript的物件。如:

var myObject = {nickname:"my girlfried",name:"big pig"};
登入後複製

JSON實際上充當了一種在JavaScript物件和字串之間實現相互轉換的協定。由於JSON的「外表」可以看成但村的字串,因此JSON在JavaScript的物件傳輸方面可以起到一定的作用。例如把物件strObject轉換成字串後進行傳輸,在達到目的地後透過eval方法將其還原成物件: 

function test (o) 
{ 
alert (o.name) 
} 
var strObject = '{nickname:"my girlfriend",name:"big pig"}'; 
test (eval("(" + strObject + ")"));
登入後複製

三、自訂物件建構 

建立高階物件建構有兩種方式:使用「this」關鍵字建構、使用原型prototype建構。如:

//使用this关键字定义构造的上下文属性 
function Girl() 
{ 
this.name = "big pig"; 
this.age = 20; 
this.standing; 
this.bust; 
this.waist; 
this.hip; 
} 

//使用prototype 
function Girl(){} 
Girl.prototype.name = "big pig"; 
Girl.prototype.age = 20; 
Girl.prototype.standing; 
Girl.prototype.bust; 
Girl.prototype.waist; 
Girl.prototype.hip; 
alert(new Girl().name);
登入後複製

上例中的兩種定義在本質上沒有區別,都是定義「Girl」物件的屬性資訊。 「this」與「prototype」的差異主要在於屬性存取的順序。如: 

 function Test() 
{ 
this.text = function() 
{ 
alert("defined by this"); 
} 
} 
Test.prototype.test = function() 
{ 
alert("defined by prototype"); 
} 
var _o = new Test(); 
_o.test();//输出“defined by this”
登入後複製

当访问对象的属性或者方法是,将按照搜索原型链prototype chain的规则进行。首先查找自身的静态属性、方法,继而查找构造上下文的可访问属性、方法,最后查找构造的原型链。 

“this”与“prototype”定义的另一个不同点是属性的占用空间不同。使用“this”关键字,示例初始化时为每个实例开辟构造方法所包含的所有属性、方法所需的空间,而使用“prototype”定义,由于“prototype”实际上是指向父级的一种引用,仅仅是个数据的副本,因此在初始化及存储上都比“this”节约资源。

【推荐学习:javascript高级教程

以上是javascript創建物件三種方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板