在es6中,has()方法用于拦截HasProperty操作,也可用于隐藏某些属性;该方法作为函数的in运算符,返回一个布尔值,指示是否存在自有或继承的属性,语法为“Reflect.has(查找属性的目标对象,要检查的属性)”。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
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 循环所排除。
【相关推荐:javascript视频教程、web前端】
以上就是es6里面has()的用法是什么的详细内容,更多请关注php中文网其它相关文章!