js對象屬性通過點(diǎn)(.) 和方括號([]) 的不同之處

livem 發(fā)布于2019-08-23 11:34 / 1166人閱讀

摘要：是時間日期選擇組件的屬性，控制的顯示。在中和都是訪問對象的屬性，對象屬性以字符串形式保存，在中填的是字符串，字符串是的數(shù)據(jù)類型，可以改變它，于是動態(tài)的屬性，都需要通過來訪問。

關(guān)于這個問題，是我在做vue項目時的一個需求，讓我對JS的.和[]的區(qū)別產(chǎn)生了興趣。

我需要點(diǎn)擊一個自定義的icon喚醒element UI的時間日期選擇器的picker（也就是那個選擇器），于是在vue中，給每個不同的時間選擇器組件定義自己的ref。并寫了一個函數(shù)來操作它們。

在Vue的模板中，我們可以在模板中的任何元素中添加ref屬性，這樣就可以在Vue實例中引用這些元素。




openTimePad（ref）{
 this.$refs.ref.pickerVisible = true
}
// pickerVisible是element UI時間日期選擇組件的屬性，控制picker的顯示。

然而這樣寫之后會報錯，pickerVisible of undefined，也就是我們根本就沒有拿到這個ref應(yīng)用的這個DOM,于是換一個寫法。

openTimePad（ref）{
 this.$refs[ref].pickerVisible = true
}

這樣就起作用了。

在JS中.和[]都是訪問對象的屬性，對象屬性以字符串形式保存，在[]中填的是字符串，字符串是js的數(shù)據(jù)類型，js可以改變它，于是動態(tài)的屬性，都需要通過[]來訪問。

GPU云服務(wù)器云服務(wù)器匹配對象的屬性和函數(shù) 不同之處 js中集合對象的屬性 js包裝對象中的屬性

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/97152.html

相關(guān)文章

js 中的Generator 函數(shù)

摘要：函數(shù)返回的遍歷器對象，還有一個方法，可以返回給定的值，并且終結(jié)遍歷函數(shù)。這被稱為表達(dá)式個人理解主要用作遍歷具有遍歷器接口的對象或函數(shù)。完整形式函數(shù)的函數(shù)總是返回一個遍歷器，規(guī)定這個遍歷器是函數(shù)的實例，也繼承了函數(shù)的對象上的方法。語法上首先可以把它理解成，Generator 函數(shù)是一個狀態(tài)機(jī)，封裝了多個內(nèi)部狀態(tài)。執(zhí)行 Generator 函數(shù)會返回一個遍歷器對象，也就是說，Gener...

Ku_Andrew 2019-08-23 16:46 評論0 收藏0
JS-對象

摘要：一概述是一種面向?qū)ο蟮恼Z言。除了基本數(shù)據(jù)類型，其他的都是對象。表示創(chuàng)建一個沒有原型的空對象。模擬操作符注意返回值訪問對象屬性訪問方式也就是。對象在作為值時，是作為引用傳遞的。假如判斷對象是否為數(shù)組目前的很多庫，中都是這樣實現(xiàn)的。一、概述 JS是一種面向?qū)ο蟮恼Z言。除了基本數(shù)據(jù)類型number, string, boolean(true, false), null, undefined...

kidsamong 2019-08-20 17:41 評論0 收藏0
2019年5月所遇知識點(diǎn)整理

摘要：發(fā)現(xiàn)了第七個知識點(diǎn)七的區(qū)別和遵循的是模塊規(guī)范。消息摘要算法，不可逆加密。，是信息摘要，確保信息的唯一性。一般來說英文是個，中文是兩個。 *注：本文章是在工作過程中所接觸的知識點(diǎn)的整理，涉及的東西比價雜亂，如有錯誤之處，歡迎糾錯與指導(dǎo) 一, 新窗口打開頁面 1, js跳轉(zhuǎn)頁面與新窗口的打開 1.1, 超鏈接Welcome 等同于 window.location.href=XXXX...

gekylin 2019-08-02 15:10 評論0 收藏0
2019年5月所遇知識點(diǎn)整理

摘要：發(fā)現(xiàn)了第七個知識點(diǎn)七的區(qū)別和遵循的是模塊規(guī)范。消息摘要算法，不可逆加密。，是信息摘要，確保信息的唯一性。其實就是排除數(shù)字只能是英語或者特殊字符發(fā)現(xiàn)的校驗比較全的網(wǎng)站鏈接地址鏈接地址注判斷長度的時候，英文字母和中文漢字占的字節(jié)數(shù)不同。 *注：本文章是在工作過程中所接觸的知識點(diǎn)的整理，涉及的東西比價雜亂，如有錯誤之處，歡迎糾錯與指導(dǎo) 一, 新窗口打開頁面 1, js跳轉(zhuǎn)頁面與新窗口的打開 ...

mylxsw 2019-08-30 11:00 評論0 收藏0
2019年5月所遇知識點(diǎn)整理

摘要：發(fā)現(xiàn)了第七個知識點(diǎn)七的區(qū)別和遵循的是模塊規(guī)范。消息摘要算法，不可逆加密。，是信息摘要，確保信息的唯一性。其實就是排除數(shù)字只能是英語或者特殊字符發(fā)現(xiàn)的校驗比較全的網(wǎng)站鏈接地址鏈接地址注判斷長度的時候，英文字母和中文漢字占的字節(jié)數(shù)不同。 *注：本文章是在工作過程中所接觸的知識點(diǎn)的整理，涉及的東西比價雜亂，如有錯誤之處，歡迎糾錯與指導(dǎo) 一, 新窗口打開頁面 1, js跳轉(zhuǎn)頁面與新窗口的打開 ...

cpupro 2019-08-23 17:52 評論0 收藏0