JavaScript 反射学习技巧

2024-08-05 09:52:10

1、前言

根据 MDN 官网解释： Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与 proxy handlers (en-US)的方法相同。 Reflect 不是一个函数对象，因此它是不可构造的。

那么它到底是什么？根据上面文件介绍会发现它和 Proxy 极像，都是获取执行函数本身信息。主要是区别在于所有的函数对象属性过于复杂，而且额外增加可能会导致程序行为不合理，所以扩展 Reflect 函数来专门对函数对象处理调用方法，构造对象，获取或者设置属性等相关操作。

2、接口

Reflect 里面所有的方法都是静态方法，不需要构造函数或者实例化它。

Reflect.apply(target, thisArgument, argumentsList)、对一个函数进行调用操作，同时可以传入一个数组作为调用参数。和 Function.prototype.apply() 功能类似。
Reflect.construct(target, argumentsList[, newTarget\] )对构造函数进行 new 操作，相当于执行 new target(...args) 。
Reflect.defineProperty(target, propertyKey, attributes)和 Object.defineProperty() 类似。如果设置成功就会返回 true
Reflect.deleteProperty(target, propertyKey)作为函数的 delete 操作符，相当于执行 delete target[name] 。
Reflect.get(target, propertyKey[, receiver\])获取对象身上某个属性的值，类似于 target[name] 。
Reflect.getOwnPropertyDescriptor(target, propertyKey)类似于 Object.getOwnPropertyDescriptor() 。如果对象中存在该属性，则返回对应的属性描述符, 否则返回 undefined .
Reflect.getPrototypeOf(target)类似于 Object.getPrototypeOf() 。
Reflect.has(target, propertyKey)判断一个对象是否存在某个属性，和 in 运算符的功能完全相同。
Reflect.isExtensible(target)类似于 Object.isExtensible() .
Reflect.ownKeys(target)返回一个包含所有自身属性（不包含继承属性）的数组。(类似于 Object.keys() , 但不会受 enumerable影响 ).
Reflect.preventExtensions(target)类似于 Object.preventExtensions() 。返回一个 Boolean 。
Reflect.set(target, propertyKey, value[, receiver\])将值分配给属性的函数。返回一个 Boolean ，如果更新成功，则返回 true 。
Reflect.setPrototypeOf(target, prototype)设置对象原型的函数. 返回一个 Boolean ，如果更新成功，则返回 true。

3、简单的例子

比如现在有个函数：

class Person {
  constructor(firstName, lastName) {
    this.firstName = firstName
    this.lastName = lastName
  }
  get getName() {
    return this.firstName + ' ' + this.lastName
  }
}

正常使用只需要进行实例化即可：

const person = new Person('Jaxson', 'Wang')
console.log(person.getName) // Jaxson Wang

可以使用 Reflect.construct() 方法来创建对象：

const person = Reflect.construct(Person, ['Jaxson', 'Wang'])
console.log(person) // Jaxson Wang

4、结语

Reflect 对象经常和 Proxy 代理一起使用，原因有三点：

Reflect 提供的所有静态方法和 Proxy 第2个 handle 参数方法是一模一样的。
Proxy get/set() 方法需要的返回值正是 Reflect的get/set 方法的返回值，可以天然配合使用，比直接对象赋值/获取值要更方便和准确。
receiver 参数具有不可替代性。

到此这篇关于JavaScript 反射学习技巧的文章就介绍到这了,更多相关JavaScript 反射内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

JavaScript反射与依赖注入实例详解

本文实例讲述了JavaScript反射与依赖注入.分享给大家供大家参考,具体如下: 对于javascript中的反射的理解,一直都是认为,利用数组对回调函数进行保存,之后在适当的时刻利用call或是apply 方法,对回调进行调用即可,一般如下操作: 首先定义两个方法: var service = function() { return { name: 'Service' }; } var router = function() { return { name: 'Router' }; } 我们
java反射实现javabean转json实例代码

ObjectToJson.java 复制代码代码如下: package com.ObjectToJson; import java.lang.reflect.Field;import java.lang.reflect.InvocationTargetException;import java.lang.reflect.Method;import java.util.ArrayList;import java.util.Iterator; public class ObjectToJson {
AJAX JavaScript反射机制的介绍

什么是反射机制反射机制指的是程序在运行时能够获取自身的信息.例如一个对象能够在运行时知道自己有哪些方法和属性. 在JavaScript中利用for(-in-)语句实现反射在JavaScript中有一个很方便的语法来实现反射,即for(-in-)语句,其语法如下: for(var p in obj){ //语句 } 这里var p表示声明的一个变量,用以存储对象obj的属性(方法)名称,有了对象名和属性(方法)名,就可以使用方括号语法来调用一个对象的属性(方法): 复制代码代码如下: for
JavaScript对象反射用法实例

本文实例讲述了JavaScript对象反射用法.分享给大家供大家参考.具体如下: 这里讲述JavaScript对象反射用法,涉及反射DOM对象和自定义对象 <html> <head> <title>JavaScript反射工具</title> <style type="text/css"> #show{ width:400px;height:300px; border:red solid 1px; overflow:scrol
ES6 如何改变JS内置行为的代理与反射

代理(Proxy)可以拦截并改变 JS 引擎的底层操作,如数据读取.属性定义.函数构造等一系列操作.ES6 通过对这些底层内置对象的代理陷阱和反射函数,让开发者能进一步接近 JS 引擎的能力. 一.代理与反射的基本概念什么是代理和反射呢? 代理是用来替代另一个对象(target),JS 通过new Proxy()创建一个目标对象的代理,该代理与该目标对象表面上可以被当作同一个对象来对待. 当目标对象上的进行一些特定的底层操作时,代理允许你拦截这些操作并且覆写它,而这原本只是 JS 引擎的内部能
java 实现反射 json动态转实体类--fastjson

我就废话不多说了,大家还是直接看代码吧~ package test.refect; public class Student { // 姓名 private String name; // 年龄 private String age; // 住址 private String address; public String getName() { return name; } public void setName(String name) { this.name = name; } public
JS的反射问题

复制代码代码如下: <html> <head><title>JS反射</title> <script type="text/javascript"> /* * 反射 */ function forwindow() { for (var i in window) { /*循环 if (window[i] === "wsenmin") { /* 三个等号,先比较类型 return i; /* 类型如果不同的话
JavaScript 反射和属性赋值实例解析

这篇文章主要介绍了JavaScript 反射和属性赋值实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 Java和.NET都有着比较完善的反射机制,用来处理未知的对象并获取它们的属性和方法.JavaScript虽然没有完善的反射体系,但在编程的时候还是可以通过代码设计来实现类似反射的基本功能. function Antzone(){ this.webName="蚂蚁部落"; this.age=6; } Antzone.proto
Java反射,泛型在Json中的运用

最近项目中遇到了Json数据自动获取的功能,不然令人想起java的反射,已经很长时间没复习java了正好一块连java的这一块内容一起过一遍.java中的反射无疑就相当于java开发者的春天,在众多的框架中也能看到它的身影,可以在运行时检查类,接口.变量和方法等信息,可以实例化调用方法以及设置变量值等.本文主要以代码的形式直接将反射,泛型的运用展现出来. java中的反射首先新建一个基础类Author. package bean; /** * * @author Super~me * Desc
JavaScript 反射学习技巧

目录 1.前言 2.接口 3.简单的例子 4.结语 1.前言根据 MDN 官网解释: Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法.这些方法与 proxy handlers (en-US)的方法相同. Reflect 不是一个函数对象,因此它是不可构造的. 那么它到底是什么?根据上面文件介绍会发现它和 Proxy 极像,都是获取执行函数本身信息.主要是区别在于所有的函数对象属性过于复杂,而且额外增加可能会导致程序行为不合理,所以扩展 Reflect 函数来专门
JavaScript编程学习技巧汇总

本文实例为大家分享了JavaScript编程学习技巧,供大家参考,具体内容如下 1.变量转换 varmyVar="3.14159", str=""+myVar,//tostring int=~~myVar,//tointeger float=1*myVar,//tofloat bool=!!myVar,/*toboolean-anystringwithlength andanynumberexcept0aretrue*/ array=[myVar];//toarra
JavaScript事件学习小结（一）事件流

相关阅读: JavaScript事件学习小结(五)js中事件类型之鼠标事件 http://www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 http://www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员(属性和方法) http://www.jb51.net/article/86262.htm JavaScript事件学习小结(二)js事件处理程序 http://www
jquery原理以及学习技巧介绍

对于JQuery,想必大家都很熟悉.目前,很多web项目,在实施的过程中,考虑到各浏览器原生JS API的兼容性,大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发.JQuery上手简单,也很容易学,即使是刚接触JQuery的开发人员,借助JQuery手册,也很快能在项目中使用开发. 虽然JQuery相对简单,但要全面掌握,且快速灵活的使用它也并不那么容易,它提供了很多方法,包含了网页开发的各个知识面,所以要全面掌握这些知识点,个人认为还是需要对jquery有深入的理解,对这
php反射学习之依赖注入示例

本文实例讲述了php反射学习之依赖注入.分享给大家供大家参考,具体如下: 先看代码: <?php if (PHP_SAPI != 'cli') { exit('Please run it in terminal!'); } if ($argc < 3) { exit('At least 2 arguments needed!'); } $controller = ucfirst($argv[1]) . 'Controller'; $action = 'action' . ucfirst($ar
php反射学习之不用new方法实例化类操作示例

本文实例讲述了php反射学习之不用new方法实例化类操作.分享给大家供大家参考,具体如下: 上一篇php反射入门示例简单介绍了 php 反射的几个常见类的使用方法,但是用反射能做些什么,你可能还是想象不到, 下面我稍微应用反射类来做点东西,大家知道实例化一个类需要用new 关键字,不用 new 可以吗?答案是可以的,用反射就能实现: 首先创建一个文件 student.php: <?php class Student { public $id; public $name; public funct
JavaScript事件学习小结(五）js中事件类型之鼠标事件

相关阅读: JavaScript事件学习小结(五)js中事件类型之鼠标事件 http://www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 http://www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员(属性和方法) http://www.jb51.net/article/86262.htm JavaScript事件学习小结(二)js事件处理程序 http://www
JavaScript对象学习小结

JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 在JavaScript中,几乎用到的每个js都离不开它的对象.下面我们深入了解一下js对象. js中对象的分类跟之前我们学过的语言中函数的分类一样,一个是系统自带的叫预定义对象,一个是用户自己写的叫自定义对象. 大体内容如下图所示: 一:核心对象 1.Array对象数组对象,用来创建数组,使用new 创建常用的方法如下图: 常用属性:

JavaScript 反射学习技巧

目录

1、前言

2、接口

3、简单的例子

4、结语

相关推荐

随机推荐