es6里的has()怎么用

本篇內容主要講解“es6里的has()怎么用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“es6里的has()怎么用”吧!

在es6中，has()方法用于攔截HasProperty操作，也可用于隱藏某些屬性；該方法作為函數的in運算符，返回一個布爾值，指示是否存在自有或繼承的屬性，語法為“Reflect.has(查找屬性的目標對象,要檢查的屬性)”。

本教程操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6里面has()的用法是什么

has作為函數的 in 運算符，它返回一個布爾值，指示是否存在自有或繼承的屬性。

下面給出了函數has()的語法，其中，

• target是要在其中查找屬性的目標對象。

• propertyKey是要檢查的屬性的名稱。

Reflect.has(target, propertyKey)

has()方法用來攔截 HasProperty 操作，即判斷對象是否具有某個屬性時，這個方法會生效。典型的操作就是 in 運算符。

has()方法可以接受兩個參數，分別是目標對象、需查詢的屬性名。

使用 has()方法隱藏某些屬性，不被 in 運算符發現。

var handler = {
  has(target, key) {
    if (key[0] === "_") {
      return false;
    }
    return key in target;
  },
};
var target = { _prop: "foo", prop: "foo" };
var proxy = new Proxy(target, handler);
"_prop" in proxy; // false

如果原對象的屬性名的第一個字符是下劃線，proxy.has()就會返回 false，從而不會被 in 運算符發現。

如果原對象不可配置或者禁止擴展，這時 has()攔截會報錯。

var obj = { a: 10 };
Object.presentExtensions(obj);
var p = new Proxy(obj, {
  has: function(target, prop) {
    return false;
  },
});
"a" in p; // TypeError is thrown

上面代碼中，obj 對象禁止擴展，結果使用 has 攔截就會報錯。也就是說，如果某個屬性不可配置（或者目標對象不可擴展），則 has()方法就不得“隱藏”（即返回 false）目標對象的該屬性。

值得注意的是，has()方法攔截的是 HasProperty 操作，而不是 HasOwnProperty 操作，即 has()方法不判斷一個屬性是對象自身的屬性，還是繼承的屬性。

另外，雖然 for…in 循環也用到了 in 運算符，但是 has()攔截對 for…in 循環不生效。

let stu1 = { name: "lily", score: 59 };
let stu2 = { name: "lucy", score: 99 };
let handler = {
  has(target, prop) {
    if (prop === "score" && target[prop] < 60) {
      console.log(`${target.name} 不及格`);
      return false;
    }
    return prop in target;
  },
};
let oproxy1 = new Proxy(stu1, handler);
let oproxy2 = new Proxy(stu2, handler);
"score" in oproxy1;
// lily 不及格
// false
"score" in oproxy2;
// true
for (let a in oproxy1) {
  console.log(oproxy1[a]);
}
// lily
// 59
for (let b in oproxy2) {
  console.log(oproxy2[b]);
}
// lucy
// 99

上面代碼中，has()攔截只對 in 運算符生效，對 for…in 循環不生效，導致不符合要求的屬性沒有被 for…in 循環所排除。

到此，相信大家對“es6里的has()怎么用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！