JavaScript 建立物件的方式
建立物件是JavaScript中最為基礎的操作之一。
隨著ES版本的演化,建立物件的方式也不斷增加。
下面將通過程式碼例項總結一下JavaScript中建立物件的幾種方式。
一.物件直接量方式:
此方式最為簡單,也最容易被學習者所接受。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼let obj={ webName:"螞蟻部落", age:4, address:"青島市南區" } console.log(obj.webName);
程式碼執行效果截圖如下:
程式碼建立一個物件直接量,使用方式非常的簡單。
二.建構函式建立物件:
通過建構函式可以建立基於它的物件例項。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼function Antzone(webName,age){ this.webName=webName; this.age=age; this.show=function(){ console.log(this.webName+"成立"+this.age+"年了"); } } let antzone=new Antzone("螞蟻部落",6); antzone.show();
程式碼執行效果截圖如下:
上面程式碼通過建構函式建立一個物件例項antozne。
建構函式中的this都會指向物件例項,更多內容參閱如下兩篇文章:
(1).JavaScript 建構函式一章節。
(2).JavaScript new 運算子一章節。
三.Object.create方法建立物件:
此方法使用的頻率相對較少,因為它是ES5新增,具有一定的相容性問題。
或者說不少朋友還沒有習慣於使用它,使用它同樣可以建立物件。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼let protObj={ url:"http://www.softwhy.com" } let obj=Object.create(protObj); console.log(obj.url);
程式碼執行效果截圖如下:
Object.create方法可以建立一個以protObj為圓形的物件。
於是上面的程式碼可以列印出url屬性值。
關於Object.create方法可以參閱Object.create()一章節。
四.通過class類建立物件:
類是ES2015新增,如果有其他面嚮物件語言基礎,將會對它很熟悉。
與Object.create方法類似,當前它的使用頻次相對較少。
但是當前ES中的class類依然是基於prototype原型,可以認為是語法糖。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼class Antzone { constructor(webName, age) { this.webName = webName; this.age = age; } } let antzone=new Antzone("螞蟻部落",6); console.log(antzone.webName);
程式碼執行效果截圖如下:
上面僅是一個簡單的程式碼演示,更多內容參閱JavaScript class 類一章節。
相關文章
- JavaScript物件與建立物件的方式JavaScript物件
- JavaScript物件的建立方式有幾種?JavaScript物件
- 好程式設計師分享JavaScript建立物件的方式!程式設計師JavaScript物件
- js建立物件的方式JS物件
- JavaScript物件導向—物件的建立和操作JavaScript物件
- java建立物件的五種方式Java物件
- 建立Session物件的兩種方式Session物件
- js物件導向設計---建立物件的方式JS物件
- JavaScript建立物件的多種方法JavaScript物件
- javascript使用new建立物件JavaScript物件
- Java中建立物件的5種方式Java物件
- 【20190220】JavaScript-知識點整理:物件建立方式、原型、閉包JavaScript物件原型
- JavaScript巢狀物件的全新方式JavaScript巢狀物件
- JavaScript 基礎(二) – 建立 function 物件的方法, String物件, Array物件JavaScriptFunction物件
- JavaScript建立物件(三)——原型模式JavaScript物件原型模式
- JavaScript建立物件(一)——工廠模式JavaScript物件模式
- 談談JavaScript中建立物件(Object)JavaScript物件Object
- javascript:建構函式模式(為什麼這種方式也可以建立物件)JavaScript函式模式物件
- Javascript建立陣列的方式你瞭解了嗎JavaScript陣列
- JavaScript建立物件方法例項小結JavaScript物件
- JS 基礎篇(一):建立物件的四種方式JS物件
- 在 .NET 中建立物件的幾種方式的對比物件
- JavaScript中的物件學習筆記(概述和建立)JavaScript物件筆記
- Javascript 中實現物件原型繼承的三種方式JavaScript物件原型繼承
- 一個人就需要物件之js中八種建立物件方式物件JS
- JavaScript 推薦直接量建立陣列或者物件JavaScript陣列物件
- 【JS系列】一起理解物件的7種建立方式(全)JS物件
- 07物件的建立物件
- 用愚公移山說明Javascript建立物件的各種姿勢JavaScript物件
- JavaScript建立閉包的兩種方式的優劣與區別分析JavaScript
- 【JavaScript】ES5/ES6 建立物件與繼承JavaScript物件繼承
- Java獲取Class物件的方式和例項化物件的方式Java物件
- Javascript 物件 – 字串物件JavaScript物件字串
- js建立物件的方法JS物件
- 類與物件的建立物件
- 物件的建立和分配物件
- 深入學習js之——建立物件的各種方式以及優缺點 #12JS物件
- JavaScript 物件JavaScript物件