Reflect介绍

fai1017 发布于2019-08-23 13:59 / 374人阅读

摘要：是一个内置的对象，它提供可拦截操作的方法。方法与代理处理程序的方法相同。不是一个函数对象，因此它是不可构造的。的方法，拦截对象，然后读取为的值。使用给目标函数传入指定的参数。

Reflect 是一个内置的对象，它提供可拦截JavaScript操作的方法。方法与代理处理程序的方法相同。Reflect 不是一个函数对象，因此它是不可构造的。

    new Reflect() //错误的写法

Reflect使用
Reflect提供了一些静态方法，静态方法是指只能通过对象自身访问的的方法
1、Reflect.apply()
2、Reflect.construct()
3、Reflect.defineProperty()
4、Reflect.deleteProperty()
5、Reflect.enumerate()
6、Reflect.get()
7、Reflect.getOwnPropertyDescriptor()
8、Reflect.getPrototypeOf()
9、Reflect.has()
10、Reflect.isExtensible()
11、Reflect.ownKeys()
12、Reflect.preventExtensions()
13、Reflect.set()
14、Reflect.setPrototypeOf()

静态方法的使用：
demo1：使用Reflect.get()获取目标对象指定key的value。

let obj = {
    a: 1
};

let s1 = Reflect.get(obj, "a")
console.log(s1) // 1

demo1的get()方法，拦截obj对象，然后读取key为a的值。当然，不用Reflect也可以读取a的值。

demo2:使用Reflect.apply给目标函数floor传入指定的参数。

const s2 = Reflect.apply(Math.floor, undefined, [1.75]); 
console.log(s2) // 1
/ /Reflect.apply()提供了3个参数，
// 第一个参数是反射的函数，后面2个参数才是和数组的apply一致。

demo2的例子我们可以理解成是拦截了Math.floor方法，然后传入参数，将返回值赋值给s2，这样我们就能在需要读取这个返回值的时候调用s2。

demo3:使用Reflect.ownKeys获取对象的keys

    console.log(Reflect.ownKeys({"a":0,"b":1,"c":2,"d":3})); //输出 ：["a", "b", "c", "d"]
    console.log(Reflect.ownKeys([])); // ["length"]      
    var sym = Symbol.for("comet");      
    var sym2 = Symbol.for("meteor");      
    var obj = {
        [sym]: 0, "str": 0, "773": 0, "0": 0,      
        [sym2]: 0, "-1": 0, "8": 0, "second str": 0
    };      
    Reflect.ownKeys(obj);
     //输出：/ [ "0", "8", "773", "str", "-1", "second str", Symbol(comet), Symbol(meteor) ]

Reflect.ownKeys的排序是根据: 先显示数字， 数字根据大小排序，然后是 字符串根据插入的顺序排序

GPU云服务器云服务器 reflect go-reflect 自我介绍平台介绍

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99896.html

[译] 实例解析 ES6 Proxy 使用场景

摘要：在下文中，首先我会介绍的使用方式，然后列举具体实例解释的使用场景。如果简单地区分和的使用场景，可以概括为的核心作用是控制外界对被代理者内部的访问，的核心作用是增强被装饰者的功能。文章永久链接地址：http://pinggod.com/2016/%E5%AE%9E%E4%BE%8B%E8%A7%A3%E6%9E%90-ES6-Proxy-%E4%BD%BF%E7%94%A8%E5%9C...

Rainie 2019-08-21 10:55 评论0 收藏0
ES6时代，你真的会克隆对象吗？

摘要：原文你真的会克隆对象吗开始之前在开始聊克隆之前，我们还是先来看看数据类型。值通过函数生成，是独一无二的。同时，中规定了对象的属性名有两种类型，一种是字符串，另一种就是类型。返回一个数组，包含对象自身的所有属性的键名。原文：你真的会克隆对象吗开始之前在开始聊克隆之前，我们还是先来看看js数据类型。js的数据类型分为基本数据类型和复杂数据类型。基本数据类型：Number、Bool...

xiaokai 2019-08-26 11:32 评论0 收藏0