一、概述

Reflec是ES6的新特性，目的是为了更方便的操作对象。

二、Reflect有13中内置API

代码如下（示例）：

// 1:Reflect.apply(target, thisArg, args)
// 对一个函数进行调用操作，同时可以传入一个数组作为调用参数
let obj1 = {};
Reflect.apply(Math.floor, obj1, [1.88]) // 1;// 2:Reflect.construct(target, args)
// 对构造函数进行 new 操作，相当于执行 new target(...args)
let obj2 = Reflect.construct(Date, [2021, 3, 1])// 3:Reflect.get(target, name, receiver)
// 获取对象身上某个属性的值，类似于 target[name]。如果没有该属性，则返回undefined
let obj3 = { a: 1, b: 2 };
Reflect.get(obj3, "a"); // 1// 4:Reflect.set(target, name, value, receiver)
// 将值分配给属性的函数。返回一个Boolean，如果更新成功，则返回true
let obj4 = {};
Reflect.set(obj4, "prop", "value"); // true// 5:Reflect.defineProperty(target, name, desc)
/*
Reflect.defineProperty方法基本等同于Object.defineProperty，直接在一个对象上定义一个新属性，或者修改一个对象的现有属性
不同的是，Object.defineProperty返回此对象。而Reflect.defineProperty会返回布尔值
*/
const obj5 = {};
Reflect.defineProperty(obj5, 'property', {value: 666,writable: false
}); // true// 6:Reflect.deleteProperty(target, name)
// 作为函数的delete操作符，相当于执行 delete target[name]
var obj6 = { a: 1, b: 2 };
Reflect.deleteProperty(obj6, "a"); // true
obj; // { b: 2 }// 7:Reflect.has(target, name)
// 判断一个对象是否存在某个属性，和 in 运算符 的功能完全相同。
const obj7 = {a: 0}
Reflect.has(obj7, "a"); // true// 8:Reflect.ownKeys(target)
/*
返回一个包含所有自身属性（不包含继承属性）的数组。
(类似于 Object.keys(), 但不会受enumerable影响, Object.keys返回所有可枚举属性的字符串数组).
*/
const obj8 = {z: 3, y: 2, x: 1}
Reflect.ownKeys(obj8); // [ "z", "y", "x" ]// 9:Reflect.isExtensible(target)
/*
判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）,类似于 Object.isExtensible()。
返回表示给定对象是否可扩展的一个Boolean 。
（Object.seal 或 Object.freeze 方法都可以标记一个对象为不可扩展。）
*/
var obj9 = {};
Reflect.isExtensible(obj9); // true// 10:Reflect.preventExtensions(target)
// 让一个对象变的不可扩展，也就是永远不能再添加新的属性。
var obj10 = {};
Reflect.isExtensible(obj10); // true
Reflect.preventExtensions(obj10);
Reflect.isExtensible(obj10); // false// 11:Reflect.getOwnPropertyDescriptor(target, name)
/*
如果对象中存在该属性，如果指定的属性存在于对象上，
则返回其属性描述符对象（property descriptor），否则返回 undefined。
类似于 Object.getOwnPropertyDescriptor()。
*/
const obj11 = {a: "hello"}
Reflect.getOwnPropertyDescriptor(obj11, "a");
// {value: "hello", writable: true, enumerable: true, configurable: true}//12:Reflect.getPrototypeOf(target)
// 返回指定对象的原型.类似于 Object.getOwnPropertyDescriptor()。
var obj12 = {};
Reflect.getPrototypeOf(obj12); // 等同于Object.prototype//13:Reflect.setPrototypeOf(target, prototype)
/*
设置对象原型的函数. 返回一个 Boolean， 如果更新成功，则返回true。
如果 target 不是 Object ，或 prototype 既不是对象也不是 null，抛出一个 TypeError 异常。
*/
var obj13 = {};
Reflect.setPrototypeOf(obj13, null); // true

ES6-Reflect属性介绍相关推荐

es6 --- Reflect的静态方法
Reflect.get(target, name, receiver): 查找并返回 target对象的 name属性,若没有,返回undefined var myObject = {foo: 1,b ...
es6 Reflect对象的静态方法
Reflect对象的静态方法 Reflect对象一共有 13 个静态方法. Reflect.apply(target, thisArg, args) Reflect.construct(target, ...
es6 Reflect对象简介
Reflect对象简介 Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API.Reflect对象的设计目的有这样几个. (1) 将Object对象的一些明显属于语言内部 ...
es6 Reflect对象详解
Reflect是ES6为操作对象而提供的新API,而这个API设计的目的只要有: 将Object对象的一些属于语言内部的方法放到Reflect对象上,从Reflect上能拿到语言内部的方法.如:Obj ...
ES6 入门—ES6 Reflect 与 Proxy
文章目录前言一.Proxy 二.Proxy 常用的拦截方法 2.1. get 方法 2.2. set 方法 2.3. has 方法 2.4. construct 方法三.Reflect 四.ge ...
ES6 Reflect使用笔记
Reflect Reflect 对象和Proxy对象一样, 为操作对象提供了新的API. 为什么使用 Reflect的方式来操作对象? 将 Object 对象上一些明显属于内部的方法放到 Reflec ...
【ES6(2015)】Reflect
文章目录 1. 设计目的 2. 常用方法 Reflect对象与Proxy对象一样,也是ES6 为了操作对象而提供的新 API. 1. 设计目的将Object属于语言内部的方法放到Reflect上 l ...
ES6中的reflect和proxy和一个on-change
理解reflect 反射,在运行时获得程序或程序集每一个类型的成员和成员信息. JAVA里程序中一般的对象的类型都是在编译期就确定下来的,而Java反射机制可以动态地创建对象并调用其属性,这样的对象的 ...
ES6 复习，知识补充
ES6 知识补充概念 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了. 它的目标,是使得 JavaScript 语 ...
【笔记-node】《imooc-nodejs入门到企业web开发中的应用》
目录课程名备注入门必学 nodejs入门到企业web开发中的应用框架与工具 node.js+koa2+mysql打造前后端分离精品项目<旧岛> 项目实战 20190317-2020 ...

ES6-Reflect属性介绍

文章目录

一、概述

二、Reflect有13中内置API

ES6-Reflect属性介绍相关推荐

最新文章

热门文章