>首页> IT >

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

时间:2022-04-26 11:49:16       来源:PHP中文网

本教程操作环境: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;// truefor (let a in oproxy1) {  console.log(oproxy1[a]);}// lily// 59for (let b in oproxy2) {  console.log(oproxy2[b]);}// lucy// 99

上面代码中,has()拦截只对 in 运算符生效,对 for…in 循环不生效,导致不符合要求的属性没有被 for…in 循环所排除。

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

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

关键词: 目标对象 相关文章 视频教程