es6里的has()怎么用

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

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

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

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

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

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

• target是要在其中查找屬性的目標(biāo)對(duì)象。

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

Reflect.has(target, propertyKey)

has()方法用來(lái)攔截 HasProperty 操作，即判斷對(duì)象是否具有某個(gè)屬性時(shí)，這個(gè)方法會(huì)生效。典型的操作就是 in 運(yùn)算符。

has()方法可以接受兩個(gè)參數(shù)，分別是目標(biāo)對(duì)象、需查詢的屬性名。

使用 has()方法隱藏某些屬性，不被 in 運(yùn)算符發(fā)現(xiàn)。

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

如果原對(duì)象的屬性名的第一個(gè)字符是下劃線，proxy.has()就會(huì)返回 false，從而不會(huì)被 in 運(yùn)算符發(fā)現(xiàn)。

如果原對(duì)象不可配置或者禁止擴(kuò)展，這時(shí) has()攔截會(huì)報(bào)錯(cuò)。

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 對(duì)象禁止擴(kuò)展，結(jié)果使用 has 攔截就會(huì)報(bào)錯(cuò)。也就是說(shuō)，如果某個(gè)屬性不可配置（或者目標(biāo)對(duì)象不可擴(kuò)展），則 has()方法就不得“隱藏”（即返回 false）目標(biāo)對(duì)象的該屬性。

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

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

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()攔截只對(duì) in 運(yùn)算符生效，對(duì) for…in 循環(huán)不生效，導(dǎo)致不符合要求的屬性沒(méi)有被 for…in 循環(huán)所排除。

到此，相信大家對(duì)“es6里的has()怎么用”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！