溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript中Object.defineProperty()方法有什么用

發(fā)布時(shí)間：2021-04-23 09:56:54 來(lái)源：億速云 閱讀：185 作者：小新 欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)javascript中Object.defineProperty()方法有什么用的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

Java的優(yōu)點(diǎn)是什么

1. 簡(jiǎn)單，只需理解基本的概念，就可以編寫(xiě)適合于各種情況的應(yīng)用程序；2. 面向?qū)ο螅?. 分布性，Java是面向網(wǎng)絡(luò)的語(yǔ)言；4. 魯棒性，java提供自動(dòng)垃圾收集來(lái)進(jìn)行內(nèi)存管理，防止程序員在管理內(nèi)存時(shí)容易產(chǎn)生的錯(cuò)誤。；5. 安全性，用于網(wǎng)絡(luò)、分布環(huán)境下的Java必須防止病毒的入侵。6. 體系結(jié)構(gòu)中立，只要安裝了Java運(yùn)行時(shí)系統(tǒng)，就可在任意處理器上運(yùn)行。7. 可移植性，Java可以方便地移植到網(wǎng)絡(luò)上的不同機(jī)器。8.解釋執(zhí)行，Java解釋器直接對(duì)Java字節(jié)碼進(jìn)行解釋執(zhí)行。

語(yǔ)法

Object.defineProperty(obj, prop, descriptor)

定義

在對(duì)象上定義一個(gè)新屬性，可以修改原有的屬性！

參數(shù)

obj 目標(biāo)對(duì)象。

prop 定義或修改的屬性的名字。

descriptor 定義或修改的屬性描述符。（不能同時(shí)設(shè)置value、writable 與 get、set的值）

屬性描述符

configurable: 布爾 --> 是否可配置

enumerable: 布爾 --> 是否可枚舉

value: 默認(rèn)值

writable: 布爾 --> 是否可重寫(xiě)

/訪問(wèn)(存取)描述符

get //回調(diào)函數(shù) 根據(jù)其他屬性,動(dòng)態(tài)計(jì)算當(dāng)前屬性的值

set //回調(diào)函數(shù) 監(jiān)聽(tīng)當(dāng)前屬性值是否發(fā)生改變 然后更新其他相關(guān)屬性

返回值

返回被操作的對(duì)象，即返回 obj 參數(shù)

以下代碼是簡(jiǎn)單實(shí)現(xiàn)數(shù)據(jù)雙向綁定：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input type="text" id="ipt" />
    <p id="lc"></p>
  </body>
</html>
<script>
  //獲取頁(yè)面元素
  var ipt = document.getElementById("ipt");
  var ps = document.getElementById("lc");

  var obj = { name: "" };

  Object.defineProperty(obj, "name", {
    get() {
      return ipt.value;
    },
    set(newval) {
      ipt.value = newval;
      ps.innerHTML = newval;
    },
  });

  ipt.addEventListener("keyup", function() {
    ps.innerHTML = ipt.value; //數(shù)據(jù)賦值
  });
</script>

效果圖展示：

javascript中Object.defineProperty()方法有什么用

感謝各位的閱讀！關(guān)于“javascript中Object.defineProperty()方法有什么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手