javascript中創(chuàng)建對(duì)象的三種常用方法
更新時(shí)間：2010年12月30日 19:53:48 作者：
在javascript中創(chuàng)建對(duì)象的三種方法，腳本之家以前發(fā)布過(guò)有簡(jiǎn)單實(shí)例版的，大家可以參考下。
創(chuàng)建對(duì)象的三種方法
方法一：
var obj = new Object();
obj.屬性 = 值;
//繼續(xù)添加其它屬性
obj.方法 = function(參數(shù)) {
//功能代碼
}
//繼續(xù)添加其它方法
方法二：
var obj = {
屬性：值 ,
//繼續(xù)添加其它屬性 ,
方法: function(參數(shù)) {
功能代碼
} ,
//繼續(xù)添加其它方法
}
以上兩種方法都是直接創(chuàng)建一個(gè)對(duì)象
方法三：
//先定義對(duì)象的模型，也可以理解為類
function obj(參數(shù)) {
this.屬性 = 值;
//繼續(xù)添加其它屬性
}
obj.prototype.方法 = function(參數(shù)) {
//功能代碼
....
}
//繼續(xù)添加其它方法
//再根據(jù)對(duì)象的模型實(shí)例化對(duì)象
var aTest = new obj(參數(shù))
方法一：
復(fù)制代碼 代碼如下:
var obj = new Object();
obj.屬性 = 值;
//繼續(xù)添加其它屬性
obj.方法 = function(參數(shù)) {
//功能代碼
}
//繼續(xù)添加其它方法
方法二：
復(fù)制代碼 代碼如下:
var obj = {
屬性：值 ,
//繼續(xù)添加其它屬性 ,
方法: function(參數(shù)) {
功能代碼
} ,
//繼續(xù)添加其它方法
}
以上兩種方法都是直接創(chuàng)建一個(gè)對(duì)象
方法三：
復(fù)制代碼 代碼如下:
//先定義對(duì)象的模型，也可以理解為類
function obj(參數(shù)) {
this.屬性 = 值;
//繼續(xù)添加其它屬性
}
obj.prototype.方法 = function(參數(shù)) {
//功能代碼
....
}
//繼續(xù)添加其它方法
//再根據(jù)對(duì)象的模型實(shí)例化對(duì)象
var aTest = new obj(參數(shù))
您可能感興趣的文章:
- javascript創(chuàng)建對(duì)象的3種方法
- js創(chuàng)建對(duì)象的方法匯總
- 跟我學(xué)習(xí)javascript創(chuàng)建對(duì)象(類)的8種方法
- javascript中創(chuàng)建對(duì)象的幾種方法總結(jié)
- js面向?qū)ο?多種創(chuàng)建對(duì)象方法小結(jié)
- javascript的函數(shù)、創(chuàng)建對(duì)象、封裝、屬性和方法、繼承
- JavaScript 三種創(chuàng)建對(duì)象的方法
- JS 創(chuàng)建對(duì)象(常見(jiàn)的幾種方法)
- 詳解js創(chuàng)建對(duì)象的幾種方法及繼承
相關(guān)文章
在寫(xiě)程序過(guò)程中，經(jīng)常會(huì)遇到去除數(shù)組中重復(fù)元素的需求。要實(shí)現(xiàn)這個(gè)功能其實(shí)并不難2011-01-01
JavaScript實(shí)現(xiàn)彈窗效果代碼分析
本文主要介紹了JavaScript實(shí)現(xiàn)彈窗效果的代碼分析，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
基于JavaScript實(shí)現(xiàn)的折半查找算法示例
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)的折半查找算法,結(jié)合實(shí)例形式分析了折半查找的原理、操作步驟及javascript實(shí)現(xiàn)折半查找的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-04-04
微信小程序登錄數(shù)據(jù)解密及狀態(tài)維持實(shí)例詳解
這篇文章主要介紹了微信小程序登錄數(shù)據(jù)解密及狀態(tài)維持,結(jié)合實(shí)例形式分析了微信小程序解密敏感信息及獲取session保持登陸狀態(tài)的相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
layui實(shí)現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能示例
這篇文章主要介紹了layui實(shí)現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能,結(jié)合實(shí)例形式分析了layui顯示數(shù)據(jù)表格、搜索和修改功能具體界面布局、功能實(shí)現(xiàn)相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
Vue之vue-tree-color組件實(shí)現(xiàn)組織架構(gòu)圖案例詳解
這篇文章主要介紹了Vue之vue-tree-color組件實(shí)現(xiàn)組織架構(gòu)圖案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
javascript橋接橋接設(shè)計(jì)模式（Bridge Pattern）是一種結(jié)構(gòu)型設(shè)計(jì)模式,它用于將抽象部分與其具體實(shí)現(xiàn)部分分離,使它們可以獨(dú)立地變化,本文將通過(guò)代碼示例詳解的給大家介紹一下JS橋接模式,需要的朋友可以參考下2023-08-08
classList 是一個(gè)非常實(shí)用的工具,可以讓我們輕松地操作元素的類名,在使用 classList 時(shí),我們可以通過(guò) add、remove、toggle 和 contains 等方法來(lái)添加、刪除、切換和檢查類名,接下來(lái)我們?cè)敿?xì)學(xué)習(xí)一下classList的使用方法以及相關(guān)方法,感興趣的朋友一起看看吧2023-10-10
這篇文章主要為大家詳細(xì)介紹了前端微信支付js代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
微信小程序如何實(shí)現(xiàn)精確的日期時(shí)間選擇器
這篇文章主要介紹了微信小程序如何實(shí)現(xiàn)精確的日期時(shí)間選擇器,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01