• 技术文章 >web前端 >前端问答

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

    长期闲置长期闲置2022-04-26 11:06:08原创400

    在es6中,has()方法用于拦截HasProperty操作,也可用于隐藏某些属性;该方法作为函数的in运算符,返回一个布尔值,指示是否存在自有或继承的属性,语法为“Reflect.has(查找属性的目标对象,要检查的属性)”。

    本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

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

    has作为函数的 in 运算符,它返回一个布尔值,指示是否存在自有或继承的属性。

    下面给出了函数has()的语法,其中,

    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 循环所排除。

    【相关推荐:javascript视频教程web前端

    以上就是es6里面has()的用法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ES6
    上一篇:es6中怎么判断对象是否为null 下一篇:es6遍历器是什么
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• map是es6中的方法吗• es6中symbol的用法是什么• es6怎么判断是否为数组• es6装饰器有几种• es6解构是深拷贝吗
    1/1

    PHP中文网