欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript對(duì)象的四種創(chuàng)建方法

 更新時(shí)間:2022年08月25日 11:01:32   作者:沈麼鬼???????  
這篇文章主要介紹了JavaScript對(duì)象的四種創(chuàng)建方法,首先我們通過確定一個(gè)對(duì)象的屬性和方法展開主題相關(guān)內(nèi)容,需要的小伙伴可以參考一下

前言

今天我們來學(xué)習(xí)一下JavaScript中關(guān)于對(duì)象的四種創(chuàng)建方法。 首先,我們來確定一個(gè)對(duì)象的屬性和方法。比如說,我們想要我們定義一個(gè)girlFriend的對(duì)象,希望她有名字name、年齡age的屬性,希望有一個(gè)getName方法,來獲取名字;最后屬性是一個(gè)稍微復(fù)雜的對(duì)象屬性address,它具有兩個(gè)屬性值,所在地name和郵政編碼code。 接下來,我們來通過本篇內(nèi)容,來看一下在JavaScript中可以有多少種方法創(chuàng)建一個(gè)這樣的對(duì)象。

1. 基于對(duì)象字面量

基于對(duì)象字面量的方法,就是直接創(chuàng)建對(duì)象的屬性及方法,也是最常用的創(chuàng)建對(duì)象的方法,它的優(yōu)點(diǎn)是簡單、方便,但無法進(jìn)行相同對(duì)象的量產(chǎn)。

?/* 1.基于對(duì)象字面量 */
?let girlFriend = {
? ? ?name: "蘿莉",
? ? ?age: 18,
? ? ?getName: function() {
? ? ? ? ?return this.name
? ?  },
? ? ?address: {
? ? ? ? ?name: '北京市',
? ? ? ? ?code: '10000'
? ?  }
?}

2. 利用new Object方式創(chuàng)建對(duì)象

利用Object方式創(chuàng)建對(duì)象,就是我們最常說的使用new Object來實(shí)現(xiàn):

?// 2. 利用new Object方式創(chuàng)建對(duì)象
?function GirlFriend(name, age, address) {
? ? ?this.name = name
? ? ?this.age = age
? ? ?this.address = address
? ? ?this.setName = function() {
? ? ? ? ?return (this.name)
? ?  }
?}
?//利用new 來創(chuàng)建對(duì)象
?var girlFriend1 = new GirlFriend("蘿莉", 18, {
? ? ?name: '北京市',
? ? ?code: '10000'
?})

通過調(diào)試臺(tái)運(yùn)行g(shù)irlFriend得出下面輸出:

3. 基于構(gòu)造函數(shù)

使用構(gòu)造函數(shù)可以量產(chǎn)對(duì)象,注意第一個(gè)GirlFriend字母要大寫,然后通過new GirlFriend 來實(shí)例化對(duì)象:

?// 3. 基于構(gòu)造函數(shù)
?function GirlFriend(name, age, address) {
? ? ?this.name = name
? ? ?this.age = age
? ? ?this.address = address
? ? ?this.setName = function() {
? ? ? ? ?return (this.name)
? ?  }
?}
?//利用new 來創(chuàng)建對(duì)象
?var girlFriend1 = new GirlFriend("蘿莉", 18, {
? ? ?name: '北京市',
? ? ?code: '10000'
?})

4. 基于工廠方法

工廠方法是一種設(shè)計(jì)模式,通過封裝函數(shù)來創(chuàng)建指定的對(duì)象,重點(diǎn)是抽象出創(chuàng)建對(duì)象時(shí)屬性、函數(shù)的賦值過程,然后只對(duì)外暴露重新設(shè)置的屬性值,工廠方法可以快速進(jìn)行相同類型對(duì)象的量產(chǎn):

?// 4.基于工廠方法
?function createGirlFriend(name, age, address) {
? ? ?let o = new Object();
? ? ?o.name = name;
? ? ?o.age = age;
? ? ?o.address = address;
? ? ?o.setName = function() {
? ? ? ? ?return this.name
? ?  }
? ? ?return o;
?}
?let girlFriend = createGirlFriend('蘿莉', 18, {
? ? ?name: '北京市',
? ? ?code: '10000'
?})

這里定義了一個(gè)createGirlFriend的工廠方法,通過參數(shù)將屬性傳遞給內(nèi)部的o對(duì)象,最后返回o。然后實(shí)例化girlFriend,獲得的結(jié)果與第一種方法一樣:

到此這篇關(guān)于JavaScript對(duì)象的四種創(chuàng)建方法的文章就介紹到這了,更多相關(guān)JavaScript對(duì)象創(chuàng)建內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 原生js實(shí)現(xiàn)移動(dòng)小球(碰撞檢測(cè))

    原生js實(shí)現(xiàn)移動(dòng)小球(碰撞檢測(cè))

    這篇文章主要介紹了原生js實(shí)現(xiàn)會(huì)動(dòng)的小球,碰撞檢測(cè)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • 原生javascript實(shí)現(xiàn)隔行換色

    原生javascript實(shí)現(xiàn)隔行換色

    這篇文章主要介紹了原生javascript實(shí)現(xiàn)隔行換色,需要的朋友可以參考下
    2015-01-01
  • 利用uniapp開發(fā)APP時(shí)的調(diào)試/安卓打包等詳解

    利用uniapp開發(fā)APP時(shí)的調(diào)試/安卓打包等詳解

    uni-app??是一個(gè)使用??Vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,下面這篇文章主要給大家介紹了關(guān)于利用uniapp開發(fā)APP時(shí)的調(diào)試/安卓打包等的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • javascript繼承機(jī)制實(shí)例詳解

    javascript繼承機(jī)制實(shí)例詳解

    這篇文章主要介紹了javascript繼承機(jī)制,以實(shí)例形式詳細(xì)分析了javascript繼承的原理與基于原型鏈的繼承實(shí)現(xiàn)方法,具有不錯(cuò)的參考借鑒價(jià)值,需要的朋友可以參考下
    2014-11-11
  • Json文件格式化方法詳解

    Json文件格式化方法詳解

    JSON 屬于文本,并且我們能夠把任何 JavaScript 對(duì)象轉(zhuǎn)換為 JSON,然后將 JSON 發(fā)送到服務(wù)器,這篇文章主要介紹了Json文件格式化方法,需要的朋友可以參考下
    2023-05-05
  • JavaScript打開客戶端exe文件的代碼

    JavaScript打開客戶端exe文件的代碼

    可以運(yùn)行客戶端exe文件的代碼
    2008-10-10
  • 使用canvas及js簡單生成驗(yàn)證碼方法

    使用canvas及js簡單生成驗(yàn)證碼方法

    在很多時(shí)候都需要用到驗(yàn)證碼,前端驗(yàn)證碼需要知道Html5中的canvas知識(shí)點(diǎn)。驗(yàn)證碼生成步驟是:1.生成一張畫布canvas 2.生成隨機(jī)數(shù)驗(yàn)證碼 3.在畫布中生成干擾線 4.把驗(yàn)證碼文本填充到畫布中 5.點(diǎn)擊畫布更換驗(yàn)證碼
    2017-04-04
  • 淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝

    淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝

    下面小編就為大家?guī)硪黄獪\談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-08-08
  • js數(shù)組高階函數(shù)之includes()方法總結(jié)

    js數(shù)組高階函數(shù)之includes()方法總結(jié)

    JS的數(shù)組是一種特殊的對(duì)象,其特點(diǎn)是在值的列表中按照順序存放值,在 JS中,數(shù)組是由中括號(hào) [] 括起來的數(shù)值序列,本篇文章給大家介紹js數(shù)組高階函數(shù)——includes()方法,感興趣的朋友一起看看吧
    2023-12-12
  • 漂亮! js實(shí)現(xiàn)顏色漸變效果

    漂亮! js實(shí)現(xiàn)顏色漸變效果

    很神奇!js實(shí)現(xiàn)顏色漸變效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-08-08

最新評(píng)論