es6 --- Reflect的静态方法

Reflect.get(target, name, receiver): 查找并返回 target对象的 name属性,若没有,返回undefined

var myObject = {foo: 1,bar: 2,get baz() {return this.foo + this.bar;},
}Reflect.get(myObject, 'foo');  // 1// 若name属性部署了读取函数(getter),则读取函数的this 绑定receiver
var myObject = {foo: 1,bar: 2,get baz() {return this.foo + this.bar;},
};
var myReceiverObject = {foo: 4,bar: 4,
};
Reflect.get(myObject, 'baz', myReceiverObject); // 8// 注:第一个参数要为对象

Reflect.set(target, name, value, receiver): 设置target对象的name属性等于value

var myObject = {foo: 1,set bar(value) {return this.foo = value;},
}myObject.foo // 1
Reflect.set(myObject, 'foo', 2);
myObject.foo // 2
Reflect.set(myObject, 'bar', 3);
myObject.foo // 3// 注:调用myObject对象的foo属性是直接复制,调用bar方法,将3传入,给foo赋值,// Reflect.set 会触发Proxy.defineProperty拦截
let p = {a: 'a'
};
let handler = {set(target, key, value, receiver) {console.log('set');Reflect.set(target, key, value, receiver) },defineProperty(target, key, attribute) {console.log('defineProperty');Reflect.defineProperty(target, key, attribute);}
};
let obj = new Proxy(p, handler);
obj.a = 'A';
// 当执行obj.a = 'A‘的时候,会执行handler.set方法,
// handler.set方法里面的Reflect.set会触发handler.defineProperty方法...

Reflect.has(obj, name): 对应name in obj 中的in 运算符

var myObject = {foo: 1,
};// 旧写法
'foo' in myObject // true// 新写法
Reflect.has(myObject, 'foo') // true

Reflect.deleteProperty(obj, name): 等同于delete obj[name], 用于删除对象的属性

const myObj = { foo: 'bar' };// 旧写法
delete myObj.foo;// 新写法
Reflect.delete(myObj, 'foo');

Reflect.construct(target, args): 等同于new target(…args)

function Greeting(name) {this.name = name;
}// new 的写法
const instance = new Greeting('张三');// Reflect.construct 的写法
const instance = Reflect.construct(Greeting, [' 张三']);
// 注意中括号,若没有会报错 Uncaught TypeError:CreateListFromArrayLike called on non-object

Reflect.getPrototypeOf(obj): 用于读取对象的__proto__属性,

const myObj = new FancyThing();// 旧写法
Object.getPrototypeOf(myObj) === FancyThing.prototype;// 新写法
Reflect.getPrototypeOf(myObj) === FancyThing.prototype;// 注: Object.getPrototypeOf 中,若参数不是对象,会先将参数转换成对象,而Reflect会报错

Reflect.setPrototypeOf(obj,newProto): 用于设置对象的__proto__属性.

const myObj = new FancyThing();// 旧写法
Object.setPrototypeOf(myObj, OtherThing.prototype);// 新写法
Reflect.setPrototypeOf(myObj, OtherThing.prototype);// 如果第一个参数不是对象,Object.setPrototypeOf 会返回第一个参数本身.
// Reflect.setPrototypeOf 会报错
// 如果第一个参数是 undefined 或null, Object 和 Reflect方法都会报错.
console.log(Object.setPrototypeOf(1, {}));
console.log(Reflect.setPrototypeOf(1,{}));
console.log(Object.setPrototypeOf(null,{}));
console.log(Reflect.setPrototypeOf(null,{}));

在这里插入图片描述
在这里插入图片描述
Reflect.apply(func, thisArg, args): 等同于Function.prototype.apply.call(func, thisArg, args)

const ages = [11, 33, 12, 54, 18, 96];// 旧写法
const youngest = Math.min.apply(Math, ages);
const oldest = Math.max.apply(Math, ages);
const type = Object.prototype.toString.call(youngest);// 新写法
const youngest = Reflect.apply(Math.min, Math, ages);
const oldest = Reflect.apply(Math.max, Math, ages);
const type = Refelct.apply(Object.prototype.toString, youngest, []);

Reflect.defineProperty(target, propertyKey, attributes): 等同于Object.defineProperty

function MyData() {/*...*/
}// 旧写法
Object.defineProperty(MyDate, 'now', {value: () => Date.now()
});// 新写法
Reflect.defineProperty(MyDate, 'now', {value: () => Date.now()
});

Reflect.getOwnPropertyDescriptor: 等同于Object.getOwnPropertyDescriptor,用于获取指定属性的描述对象

var myObject = {};
Object.defineProperty(myObject, 'hidden', {value: true,enumerable: false,
});// 旧写法(第一个参数非对象时,返回undefined)
var theDescriptor = Object.getOwnPropertyDescriptor(myObject, 'hidden');// 新写法(第一个参数非对象时,报错)
var theDescriptor = Reflect.getOwnPropertyDescriptor(myObject, 'hidden');

Reflect.isExtensible(target): 对应Object.isExtensible,表示对象是否可扩展

const myObject = {};// 旧写法(若参数为非对象,会返回false)
Object.isExtensible(myObject);// 新写法(若参数为非对象,会报错)
Reflect.isExtensible(myObject);

Reflect.preventExtensions(target): 对应Object.preventExtensions方法,用于将一个对象变为不可扩展

var myObject = {];// 旧写法
Object.preventExtensions(myObject);// 新写法
Reflect.preventExtensions(myObject);// 若参入的参数是非对象
// ES5
Object.preventExtensions(1)  // 报错
// ES6
Object.preventExtensions(1)  // 1
// ES6
Reflect.preventExtensions(1) // 报错

Reflect.ownKeys(target): Object.getOwnPropertyNames 与 Object.getOwnPropertySymbols 之和

var myObject = {foo: 1,bar: 2,[symbol.for('baz')]: 3,[symbol.for('bing')]: 4,
};// 旧写法
Object.getOwnPropertyNames(myObject)  // ['foo', 'bar']
Object.getOwnpropertySymbols(myObject) // [Symbol(baz), Symbol(bing)]// 新写法
Reflect.ownKeys(myObject)   // ['foo', 'bar', Symbol(baz), Symbol(bing)]

参考《ES6标准入门》(第3版)P262~P270

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/251401.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

POJ3278——Catch That Cow

Catch That CowTime Limit: 2000MS Memory Limit: 65536KTotal Submissions: 114140 Accepted: 35715Description Farmer John has been informed of the location of a fugitive cow and wants to catch her immediately. He starts at a point N (0 ≤ N ≤ 100,000) on a nu…

canvas画出简陋版随鼠标转动眼睛且会眨眼的可爱樱桃小丸子

可到我的github上下载文件 需求: 刚加载时鼠标不移动,眼睛会不停地眨眼眼球会跟随鼠标移动而移动鼠标不移动时恢复眨眼效果提示: 除了眼睛是动态以外,其他静态绘制都在static()函数中利用椭圆的短轴长度先变短后恢复长度来模拟…

poj 2049(二分+spfa判负环)

poj 2049(二分spfa判负环) 给你一堆字符串,若字符串x的后两个字符和y的前两个字符相连,那么x可向y连边。问字符串环的平均最小值是多少。1 ≤ n ≤ 100000,有多组数据。 首先根据套路,二分是显然的。然后跑…

Vue学习笔记(一)—— 什么时候需要import Vue from 'vue'

一、当执行 import vue from ‘vue’ 时发生了什么? 其实在 node.js 中,执行 import 就相当于执行了 require,而 require 被调用,就会用到 require.resolve 这个函数来查找包的路径,而这个函数在 nodejs 中会有一个关于…

es6 --- 用promise对象实现Ajax操作的一个实例

首先回顾一下Ajax请求的步骤 var client new XMLHttpRequest(); client.open("GET", url); client.onreadystatechange handler; client.responseType "json"; client.setRequestHeader("Accept", "application/json"); client.s…

Windows 64 位 mysql 5.7以上版本包解压中没有data目录和my-default.ini以及服务无法启动的解决办法以及修改初始密码的方法...

LZ初学SQL,本来以为开源的安装很简单,但是中间出现了一些问题,记录下来,希望能帮助到他人。 mysql官网下载地址:https://dev.mysql.com/downloads/mysql/点击打开链接 以5.7.20版本为例 首先安装包解压后,没…

总结 构造函数与非构造函数 原型继承的一个方法

这两天真的一直在看原型以及继承之间的千丝万缕,哇,收获颇多,不过所谓温故知新,还是要多复习复习知识点,才能察觉那些之前不易发现的小小sparkle 真心推荐MDN文档——对象原型,JavaScript 中的继承&#x…

【深度学习】caffe 中的一些参数介绍

一个优秀的算法工程师51%的时间在调参数,48%的时间在测试模型,剩下的1%时间再写代码。段子虽然是网上看来的,但调参数是真的心碎。像我这样的小萌新更是觉得无从下手。只有知己知彼(了解每个参数的含义),才…

Vue学习笔记(二)—— vue项目中使用axios

一、文档链接 axios文档 vue开发插件 二、axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应…

es6 --- promise.prototype.then的链式引用

很多时候,我们需要使用ajax请求获取数据A.并使用A中的数据A.a来进行下一步的Ajax操作… 下面使用promise.prototype.then的链式引用来实现 // 首先封装一个getJSON的方法. var getJSON function (url) {var promise new Promise(function (resolve, reject) {var client ne…

jquery对json 键值对或数组的增加、删除、遍历操作

在前端遍历json键值对或数组遍历的情况也会经常用到,我们知道在java、c#其它的语言里提供方便的方法来操作,那么在json里面有没有类似的方法呢,废话就不多说了上代码:var jsonStr{}; //增加 jsonStr["name1"]"yu&q…

廖雪峰老师Git教程代码梳理

建立版本库 创建一个版本库非常简单,首先,选择一个合适的地方,创建一个空目录(repository): $ mkdir learngit //创建learngit目录 $ cd learngit //切换当前目录为learngit目录 $ pwd //用于显示当…

BZOJ2006 [NOI2010]超级钢琴 【堆 + RMQ】

2006: [NOI2010]超级钢琴 Time Limit: 20 Sec Memory Limit: 552 MBSubmit: 3446 Solved: 1692[Submit][Status][Discuss]Description 小Z是一个小有名气的钢琴家,最近C博士送给了小Z一架超级钢琴,小Z希望能够用这架钢琴创作出世界上最美妙的音乐。 这…

Vue项目代码改进(六)—— vue的mixins的使用

混入可以将不同组件的共同内容部分在一个混入对象中展示,然后通过在组件实例中混入这个对象,这样拥有这些属性的组件都可以调用 混入对象中的属性名跟组件中的属性名冲突时,以组件自身的为基准 举例:单文件组件users.vue 1&#x…

es6 --- Promise.catch

Promise.prototype.catch(): 是.then(null, rejection)的别名,用于指定发生错误时的回调函数 p.then( (val) -> console.log(fulfilled:, val)).catch( (err) > console.log(rejected, err));// 等同于 p.then( (val) > console.log(fulfilled:, val)).then(null, (e…

爬虫的一些工具(二)

爬虫的一些工具(二) 1. 常有的工具 (1). python(2). pycharm(3).浏览器i.chromeii.火狐(4).fiddler的使用2 fiddler的使用 (1).操作界面(2)界面含义请求(Request)部分详解名称含义Headers显示客户端发送到服务器的 HTTP 请求的,header 显示为一个分级视图,包含了 We…

微信开发者工具一打开代码编辑区文件全部不见了

今天开微信开发者工具时,一打开竟然文件全部不见了!然后页面也编译不出来,搜了一下大神们的建议: 1、在编辑器控制台输入:openVendor 回车 会打开一个文件夹:C:\Users\Administrator\AppData\Local\微信we…

vue项目中所使用的element-UI / echarts

高清版思维导图见后台管理项目地址 1.login登录页面 < el-form >表单 在 Form 组件中&#xff0c;每一个表单域由一个 Form-Item 组件构成&#xff0c;表单域中可以放置各种类型的表单控件&#xff0c;包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimeP…

es6 --- 使用yield*命令遍历完全二叉树

首先定义二叉树的结构: // 定义二叉树的结构 function Tree(left, label, right) {this.left left;this.label label;this.right right; }// 对二叉树采用中序遍历 function* inorder(t) {if(t) {yield* inorder(t.left);yield t.label;yield* inorder(t.right);} }// 生成…

面向对象之继承与派生

阅读目录 一 初识继承二 继承与抽象&#xff08;先抽象再继承&#xff09;三 继承与重用性四 派生五 组合与重用性六 接口与归一化设计七 抽象类八 继承实现的原理&#xff08;可恶的菱形问题&#xff09;九 子类中调用父类的方法一 初识继承 什么是继承 继承是一种创建新类的方…