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

創(chuàng)新互聯(lián)主要從事做網(wǎng)站、成都做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)臥龍,10多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

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

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

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

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

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

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

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

Reflect.has(target, propertyKey)

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

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

使用 has()方法隱藏某些屬性，不被 in 運算符發(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

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

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

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

另外，雖然 for…in 循環(huán)也用到了 in 運算符，但是 has()攔截對 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()攔截只對 in 運算符生效，對 for…in 循環(huán)不生效，導(dǎo)致不符合要求的屬性沒有被 for…in 循環(huán)所排除。

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