es6里面has()的用法是什么
时间:2022-04-26 [网络编程]作者:fabuyuan 浏览:9 次
在es6中,has()方法用于拦截HasProperty操作,也可用于隐藏某些属性;该方法作为函数的in运算符,返回一个布尔值,指示是否存在自有或继承的属性,语法为“Reflect.has(查找属性的目标对象,要检查的属性)”。
本教程操作环境: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; // 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()的用法是什么的详细内容,更多请关注站长家园其它相关文章!
本文标签: ES6
转载请注明来源:es6里面has()的用法是什么
本文永久链接地址:https://www.adminjie.com/post/11648.html
免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!
版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。
更多精彩内容
- VUE中V-IF条件判断改变元素的样式操作
- Discuz如何解决安装时报错run_sql_error
- 低版本VS项目在VS2019无法正常编译的问题
- PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
- Oracle数据库的实例/表空间/用户/表之间关系简单讲解
- RSA2是啥?PHP-RSA2签名验证怎么实现?
- 华为dubal20是什么型号
- ana an00华为是什么型号
- html5的标题标记一共有几个等级
- app是什么应用程序的简称
- html5中onclick是什么意思
- 电脑显示信号线无连接是什么意思
- 小程序大小超限除了分包还能怎么做?如何避免和解决大小限制?
- angular与bootstrap的区别是什么
- vivov1818a是什么手机型号

- 最新文章
-
-
jquery中callback方法怎么用
在jquery中,callback方法用于作为效果方法的参数进行传递,该方法在当前动作完全完成之后执行,通常显示为方法的最后一个参数,语法为“$(selecto...
-
一起来理解Java中的泛型
本篇文章给大家带来了关于java的相关知识,其中主要介绍了关于泛型的相关问题,包括了自定义泛型类、自定义泛型方法、自定义泛型接口等等内容,下面一起来看一下,希望...
-
css样式表由哪三部分组成
css样式表的三个组成部分:1、选择器,用于告诉浏览器指定样式将作用于页面中哪些对象;2、属性,是CSS提供的设置好的样式选项,主要包括字体属性、文本属性、背景...
-
oracle怎么查询表所在的表空间
在oracle中,可以利用select语句来查询表所在的表空间,语法为“selectTABLESPACE_NAMEfromtabswhereTABLE...
-
css能调字与字左右的间距吗
css能调字与字左右的间距。在css中,可以使用letter-spacing属性来调整字与字之间的左右间距,语法为“letter-spacing:间距值;”;该...
-
- 热门文章
-
-
VUE中V-IF条件判断改变元素的样式操作
这篇文章主要介绍了VUE中V-IF条件判断改变元素的样式操作,具有很好的参考价值,希望对大家有所帮助。一起跟随想过来看看吧...
-
Discuz如何解决安装时报错run_sql_error
问题环境VMware虚拟机Centos7.3PHP7.0MySQL8.0NGINX1.14Discuz3.4问题还原本地环境为PHP5.6+MySQL5.6在安...
-
低版本VS项目在VS2019无法正常编译的问题
低版本VS项目在VS2019无法正常编译的问题这里指的编译并不准确,只是为了方便说明。后有(未安装),201?...
-
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
实现原理使用redis链表来做,因为pop操作是原子的,即使有很多用户同时到达,也是依次执行,推荐使用。实现步骤第一步,先将商品库存入队列/**.trigge...
-
Oracle数据库的实例/表空间/用户/表之间关系简单讲解
完整的Oracle数据库通常由两部分组成:Oracle数据库和数据库实例。Oracle是一种数据库管理系统,是一种关系型的数据库管理系统。我们用这些高级权限账号...
-