最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript面向?qū)ο笾畬傩悦枋龇趺词褂?/div>

本文小編為大家詳細(xì)介紹“JavaScript面向?qū)ο笾畬傩悦枋龇趺词褂谩?，?nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“JavaScript面向?qū)ο笾畬傩悦枋龇趺词褂谩蔽恼履軒椭蠹医鉀Q疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

創(chuàng)新互聯(lián)公司成都網(wǎng)站建設(shè)按需定制網(wǎng)站，是成都網(wǎng)站制作公司,為成都資質(zhì)代辦提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開發(fā)等。成都網(wǎng)站維護(hù)熱線：028-86922220

JavaScript面向?qū)ο笾畬傩悦枋龇趺词褂?> </p><h3>JavaScript面向?qū)ο蟆獙傩悦枋龇?/h3><p>JavaScript其實(shí)支出多種編程范式的，包括函數(shù)式編程和面向?qū)ο缶幊蹋?/p><ul><li><p>JavaScript中的對象被設(shè)計(jì)成一組 <strong>屬性的無序集合</strong>，像是一個(gè)嘻哈表，有key和value組成；</p></li><li><p>key是一個(gè)標(biāo)識(shí)符名稱，value可以是任意類型，也可以是其他對象或者函數(shù)類型；</p></li><li><p>如果值是一個(gè)函數(shù)，那么我們可以稱之為<strong>對象的方法</strong>；</p></li></ul><h3>1、如何創(chuàng)建一個(gè)對象呢？</h3><ul><li><p>早起使用創(chuàng)建對象方式最多的是使用Object類，并且使用new關(guān)鍵字來創(chuàng)建一個(gè)對象,然后再將屬性或方法存入對象中：</p></li></ul> <pre>var obj = new Object() obj.name = 'why' console.log(obj.name, obj) // why { name: 'why' }</pre> <ul><li><p>后來很多開發(fā)者為了方便起見，都是直接通過字面量的形式來創(chuàng)建對象：</p></li></ul> <pre>// 字面量方式 var obj2 = { name: 'jam', age: '8' } console.log(obj) // { name: 'jam', age: '8' }</pre> <h3>2、操作對象的屬性——屬性描述符</h3><p>在之前我們的屬性都是直接定義在對象內(nèi)部，或者直接添加到對象內(nèi)部；<br> 但是這樣我們就不能對這個(gè)屬性進(jìn)行一些限制：比如這個(gè)屬性是否可以通過 <code>delect</code>刪除，是否可以在 <code>for-in</code>遍歷的時(shí)候被遍歷出來呢？<br> 如果我們想要對一個(gè)屬性進(jìn)行比較精準(zhǔn)的操作控制，那么我就可以使用 <strong>屬性描述符</strong>。通過屬性描述符可以精準(zhǔn)的添加或修改對象的屬性；<br> 屬性描述符需要使用 <code>Object.defineProperty</code>來對屬性進(jìn)行添加或修改。</p><blockquote><p><code>屬性描述符分為兩種：數(shù)據(jù)描述符和存取描述符</code> </p></blockquote><h4>2.1數(shù)據(jù)描述符</h4><p>數(shù)據(jù)描述符是一個(gè)具有值的屬性，該值可能是可寫的，也可能是不可寫的。數(shù)據(jù)描述符具有以下可選鍵值：</p><ul><li><p>value：該屬性對應(yīng)的值。可以是任何有效的JavaScript值（數(shù)值，對象，函數(shù)等）。默認(rèn)為undefined。</p></li><li><p>writable：當(dāng)且僅當(dāng)該屬性的writable為true時(shí)，value才能被復(fù)制運(yùn)算符改變。默認(rèn)為false。</p></li><li><p>configurable：當(dāng)且僅當(dāng)該屬性的configurable為true時(shí)，該屬性描述符才能夠被改變，同時(shí)該屬性也能從對應(yīng)的對象上被刪除。默認(rèn)為false。</p></li><li><p>enumerable：當(dāng)且僅當(dāng)該屬性的enumerable為true時(shí)，該屬性才能夠出現(xiàn)在對象的枚舉屬性中。默認(rèn)為false。</p></li></ul><h4><strong>2.2.1、獲取屬性描述符 Object.getOwnPropertyDescriptor()</strong> </h4><p>Object.getOwnPropertyDescriptor()方法返回指定對象上一個(gè)自有屬性對應(yīng)的屬性描述符。</p> <pre>Object.getOwnPropertyDescriptor(obj，prop)</pre> <ul><li><p>obj：需要查找的目標(biāo)對象</p></li><li><p>prop：目標(biāo)對象內(nèi)屬性名稱（String類型）。</p></li><li><p>返回值：如果指定的屬性存在在于對象上，則返回其屬性描述符對象，否則返回undefined。</p></li></ul><blockquote><p>注意：如果該方法的第一個(gè)參數(shù)不是對象，會(huì)報(bào)錯(cuò)（TypeError）。</p></blockquote><h4><strong>2.1.2、設(shè)置屬性描述符 Object.defineProperty</strong> </h4><p>Object.defineProperty() 方法會(huì)直接在一個(gè)對象上定義一個(gè)新屬性，或者修改一個(gè)對象的現(xiàn)有屬性， 并返回這個(gè)對象。</p> <pre>Object.defineProperty（obj，prop，descriptor）</pre> <ul><li><p>obj：要在其上定義屬性的對象。</p></li><li><p>prop：要定義或修改的屬性的名稱。</p></li><li><p>descriptor：將被定義或修改的屬性描述符</p></li><li><p>返回值：被傳遞給函數(shù)的對象</p></li></ul> <pre>如下示例代碼展示了屬性描述符的設(shè)置和獲取 var obj = {     name: 'jam',     age: 8 } Object.defineProperty(obj, 'job', {     value: '律師' }) console.log(Object.getOwnPropertyDescriptor(obj, 'age')) // { value: 8, writable: true, enumerable: true, configurable: true } console.log(obj.job) // 律師 // 通過defineProperty新增的屬性，該新屬性是不可修改、不可刪除以及不可枚舉的 console.log(Object.getOwnPropertyDescriptor(obj, 'job')) // {value: '律師',writable: false,enumerable: false,configurable: false}</pre> <blockquote><p><code>注意：通過defineProperty新增的屬性，該新屬性是不可修改、不可刪除以及不可枚舉的</code> </p></blockquote><h5><strong>（1）configurable在對象上是否可刪除</strong> </h5> <pre>var obj = {     name: 'jam',     age: 8 } Object.defineProperty(obj, 'address', {     value: '河北',     // configurable 該屬性不可刪除，更不可再次使用defineProperty修改屬性描述符     configurable: false, }) delete obj.address // 想使用delete刪除該屬性 obj.address = '廣州' // 想修改obj中的屬性address值為廣州 console.log(obj.address)  // 輸出結(jié)果：河北</pre> <blockquote><p>因?yàn)閷傩悦枋龇鹀onfigurable值為false 不可刪除和修改,所以delete和修改都沒生效</p></blockquote><h5><strong>（2）enumerable 是否可枚舉遍歷</strong> </h5> <pre>var obj = {     name: 'jam',     age: 8}Object.defineProperty(obj, 'sex ', {     value: '男',     // enumerable 配置該屬性是否可以枚舉     enumerable: true})for (i in obj) {     console.log(i)}</pre> <blockquote><p>當(dāng)enumerable: false時(shí)，輸出結(jié)果為 name age<br> 當(dāng)enumerable: true時(shí)，輸出結(jié)果為 name age sex</p></blockquote><h5><strong>（3）writable 該特性控制該屬性是否可以賦值（寫入值）</strong> </h5> <pre>var obj = {     name: 'jam',     age: 8}Object.defineProperty(obj, 'score', {     value: 80,     // writable: true      writable: false})obj.score = 100 console.log(obj.score) // 80</pre> <blockquote><p>因?yàn)閣riteable的值為false，所以修改score為100時(shí)，并沒有修改成功，最終輸出80</p></blockquote><h4><strong>2.1.3、同時(shí)設(shè)置多個(gè)屬性描述符 Object.defineProperties</strong> </h4><p>是不是感覺每次只能設(shè)置一個(gè)屬性的屬性描述符很繁瑣，Object.defineProperties可以幫你解決問題。<br> Object.defineProperties（）方法為對象定義一個(gè)或多個(gè)新屬性或修改現(xiàn)有屬性，并返回該對象。</p> <pre>Object.defineProperties（obj，props）</pre> <ul><li><p>obj：要在其上定義屬性的對象。</p></li><li><p>props：要定義其可枚舉屬性或修改的屬性描述符的對象。</p></li><li><p>返回值：被傳遞給函數(shù)的對象。</p></li></ul><p>示例代碼如下：</p> <pre>var obj = {     name: 'jam',}Object.defineProperties(obj, {     'age': {         value: 28,         writable: true,         configurable: false,         enumerable: true     },     'job': {         value: '律師',         writable: true,         configurable: false,         enumerable: true     },     'sex': {         value: '男',         writable: false,         configurable: false,         enumerable: true     },     'height': {         value: '1.8 m',         writable: false,         configurable: false,         enumerable: true     }})console.log(obj) //  name: 'jam', age: 28, job: '律師', sex: '男', height: '1.8m' }</pre> <h4><strong>2.2存取描述符</strong> </h4><p>存取描述符是由getter-setter函數(shù)對描述的屬性。存取描述符具有以下可選鍵值:</p><ul><li><p>get：給屬性提供getter的方法，如果沒有g(shù)etter則為undefined。當(dāng)訪問該屬性時(shí)，該方法會(huì)被執(zhí)行，方法執(zhí)行時(shí)沒有參數(shù)傳入，但是會(huì)傳入this對象。</p></li><li><p>set：給屬性提供setter的方法，如果沒有setter則為undefined。當(dāng)屬性值修改時(shí)，觸發(fā)執(zhí)行該方法。該方法將接受唯一參數(shù)，即該屬性新的參數(shù)值。</p></li><li><p>configurable：當(dāng)且僅當(dāng)該屬性的configurable為true時(shí)，該屬性描述符才能夠被改變，同時(shí)該屬性也能從對應(yīng)的對象上被刪除。默認(rèn)為false。</p></li><li><p>enurnerable：當(dāng)且僅當(dāng)該屬性的enurnerable為true時(shí)，該屬性才能夠出現(xiàn)在對象的枚舉屬性中。默認(rèn)為false。</p></li></ul><blockquote><p>configurable 和 enurnerable 的使用與數(shù)據(jù)描述符中的一致，這里就不過多講解了。<br> 主要講一下get 和 set 方法的使用</p></blockquote><h5><strong>2.2.1 get()與set()的使用</strong> </h5> <pre>var obj = {     name: 'jam',     age: 8,     _address: '河北' } // 存取描述符的使用場景 // 1.隱藏某一個(gè)私有屬性被希望直接被外界使用和賦值 // 2.如果我們希望解惑某一個(gè)屬性它訪問和設(shè)置值的過程時(shí)，也會(huì)使用存儲(chǔ)屬性描述符 Object.defineProperty(obj, 'address', {     enumerable: true,     configurable: true,     get: function () {         foo()         return this._address     },     set: function (value) {         bar()         this._address = value     } }) function foo () {     console.log(

上述示例代碼控制臺(tái)打印結(jié)果如下：
JavaScript面向?qū)ο笾畬傩悦枋龇趺词褂?> </p><p>讀到這里，這篇“JavaScript面向?qū)ο笾畬傩悦枋龇趺词褂谩蔽恼乱呀?jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。</p> <br> 網(wǎng)頁名稱：JavaScript面向?qū)ο笾畬傩悦枋龇趺词褂? <br> 當(dāng)前鏈接：<a href=http://fisionsoft.com.cn/article/ieoiec.html