DDR爱好者之家

5分钟快速看懂ES6中的反射与代理
站长资源 2024/11/24 佚名
76 1538
DDR爱好者之家 Design By 杰米

反射：Reflect

反射到底是个什么东西？

它的本质就是一个对象（JS内置的），里边有一些函数可供调用。

5分钟快速看懂ES6中的反射与代理

为什要叫做反射？

因为它能做的事情，和其他语言（Java、python等）中的反射很相似。其他语言中都叫做反射了，那就共鸣（降低学习成本？）

反射能做什么事情呢？

let animal = {
 name: "dog",
 age: 3
}
Reflect.get(animal, "name") // 传参为：对象, 属性名
// 等同于：
animal.name 

let say = function (type, sound) {
 console.log(`${type}的叫声是${sound}`)
}
Reflect.apply(say, null, ["猫", "喵喵"]) // 传参为：函数, this指向, 实参列表
// 等同于：
say("猫", "喵喵")

经过以上代码我们深刻的发现Reflect好像没什么用，非要说些什么的话，他把我们以前的基本操作（比如：obj.name）用调用函数的方式实现了一遍。对了这就是它的意义：减少JS语言魔法，让代码更加纯粹。

怎么说？

JS语言魔法：我们的操作看起来不太合理，超乎寻常，难以解释。

解释一波，Reflect.get(animal, "name")你看着个代码它又宽又长，看着好像我们要得到 animal 这个对象中 name 这个属性的值的意思。

再看看animal.name 震惊！只需要这样，就得到了对象中的属性的值，虽然学习过JS的伙伴们觉得很正常，但是我们不太能用语言去描述这段代码做了什么，这就是语言魔法的意思。

想必大家已经对反射有一定了解了，Reflect对象上还有一些其他方法。大家可以看文档研究一下怎么用，

代理：Proxy

代理到底是个什么东西？

我们都听过什么代理商、还有代理服务器之类的。比如哪代理服务器来说，我们不能直接访问到服务器，我们必须要去访问代理服务器，由代理服务器代替我们去访问服务器，服务器返回的数据，也要先返回给代理服务器，再由代理服务器返回给我们。

ES6中的代理也是这个意思，我们可以去代理一个对象类型的数据（函数、对象等），然后我们再去访问对象时，访问代理就好了。

为啥我们要访问代理？

因为代理对象给我们提供了修改底层实现的方式，也就是说我们可以在代理对象上进行一些操作，为我们访问对象制定一些规则。就像代理服务器可以过滤某些对服务器的访问等功能。

怎么操作？

Proxy的本质是一个构造函数，

new Proxy(obj, {
 // 一些规则
})

这样我们就构造出了一个obj对象的一个代理对象，第二个参数是一个对象它为访问obj对象制定了一些规章制度。

new Proxy(obj, {
 get(target, prop){
  // some code
  return Reflect.get(target, prop)
 }
})

这就是在创建代理对象是制定规则的场景，对比一下Reflect，是不是很想呢。确实反射经常配合Proxy使用

应用：

比如：

function sum(num1, num2){
 return num1 + num2;
}

现在我们为sum函数的传参制定一些规则：参数必需是number类型的

const sunProxy = new Proxy(sum, {
 apply(target, thisArgument, arguments) {
  arguments.forEach(item => {
   typeof item !== "number" && throw("参数类型非number")
  })
  return Reflect.apply(target, thisArgument, arguments)
 }
})
sunProxy(23, 32)

封装一下，搞一个通用类型出来

function funcProxy(func, ...types) 
 //执行完这个函数返回一个函数的代理，剩余参数是我们规定的传参类型
  return new Proxy(func, {
  apply(target, thisArgument, argumentsList) {
   types.forEach((type, index) => {
   // 循环判断每一项参数类型是否合法
    typeof argumentsList[index] !== type && throw("传参类型不符合")
      }
     })
   return Reflect.apply(target, thisArgument, argumentsList);
    }
   })
  }

然后：

const sumProxy = funcProxy(sum, "number", "number")
sumProxy(3, 5);

使用反射我们可以实现一些底层操作，代理可以为我们的调用制定规则。

是不是很有趣呢大家。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对的支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米