元编程是什么意思?都有哪些元编�?
Admin 2022-03-09 群英技术资�
今天给大家简单的介绍一下元编程,那么元编程是什么呢?都有哪些元编程?接下来我们就一起来了解看看,本文示例对大家学习元编程有一定的帮助,大家可以参考�
何为元编程?
「编写能改变语言语法特性或者运行时特性的程序」。换言之,一种语言本来做不到的事情,通过你编程来修改它,使得它可以做到了,这就是元编程�
meta-programming元编程中� � 的概念可以理解为 程序 本身。”元编程能让你拥有可以扩展程序自身能�
举个例子�
if (a == 1 && a == 2 && a == 3) { console.log("done"); }
怎样才能让这个条件满足,输出done。按照正常的逻辑是无法完成的,毕竟一个值不可能同时满足等于1�2�3
这是就可以用到元编程来改变这个不可能
let a = { [Symbol.toPrimitive]: ((i) => () => ++i)(0) } if (a == 1 && a == 2 && a == 3) { console.log("done"); } // done
Symbol.toPrimitive在对象转换为原始值的时候会被调用,初始值为1,调用一�+1,就可以满足a == 1 && a == 2 && a == 3,同时Symbol.toPrimitive也可以接受一个参数hint,hint的取值为number、string、default
let obj = { [Symbol.toPrimitive](hint) { switch (hint) { case "number": return 123; case "string": return "str"; case "default": return "default"; } } } console.log(1-obj); // -122 console.log(1+obj); // 1default console.log(`${obj}`); // str
还有哪些元编程?
proxy
es5的Object.defineProperty()方法的es6升级�,用于自定义的对象的行�
let leon = { age: 30 } const validator = { get: function(target, key){ // 若没这个属性返�37 return key in target ? target[key] : 37; }, set(target,key,value){ if(typeof value!="number" || Number.isNaN(value)){ throw new Error("年龄得是数字"); } } } const proxy = new Proxy(leon,validator); console.log(proxy.name); // 37 proxy.age = "hi"; // Error: 年龄得是数字
reflect-metadata
你可以通过装饰器来给类添加一些自定义的信息。然后通过反射将这些信息提取出来。当然你也可以通过反射来添加这些信�
require("reflect-metadata") class C { // @Reflect.metadata(metadataKey, metadataValue) method() { } } Reflect.defineMetadata("name", "jix", C.prototype, "method"); let metadataValue = Reflect.getMetadata("name", C.prototype, "method"); console.log(metadataValue); // jix
应用
拓展数组索引访问
负索引访问,使array[-N] � array[array.length - N] 相同
let array = [1, 2, 3]; array = new Proxy(array, { get(target, prop, receiver) { if (prop < 0) { console.log(prop, 'prop') prop = +prop + target.length; } return Reflect.get(target, prop, receiver); } }); console.log(array[-1]); // 3 console.log(array[-2]); // 2
数据劫持
let handlers = Symbol('handlers'); function makeObservable(target) { // 初始化存� handler 的数� target[handlers] = []; // 存储 handler 函数到数组中以便于未来调� target.observe = function(handler) { this[handlers].push(handler); }; // 创建代理以处理更� return new Proxy(target, { set(target, property, value, receiver) { // 转发写入操作到目标对� let success = Reflect.set(...arguments); // 如果设置属性的时候没有报� if (success) { // 调用所� handler target[handlers].forEach(handler => handler(property, value)); } return success; } }); } let user = {}; user = makeObservable(user); user.observe((key, value) => { console.log(`SET ${key}=${value}`); }); user.name = "John"; // SET name=John
以上就是关于元编程的介绍啦,希望本文对大家学习和理解元编程有帮助,想要了解更多元编程的内容,可以继续浏览群英网络其他相关的文章�
文本转载自脚本之�
相关推荐�
元数据是什么?一文带你快速了解元数据
PHP脚本性能怎样提高?教你几个实用方�
PHP代码加密方法有哪些,你知道几个?
python内存分配机制实例分析,一文带你看懂python内存分配
python元类是什么意思?怎样创建python元类�
Python中元类是什么意思?怎么创建元类�
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
本篇文章带大家了解一下RPC通信,介绍一下RPC和Ajax的相同点和不同点,希望对大家有所帮助�
这篇文章主要为大家详细介绍了vue实现移动端拖拽悬浮按钮,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一�
这篇文章给大家分享的是ssr服务端渲染的相关内容。下文介绍了为什么使用服务器端渲染以及vue的ssr服务端渲染使用,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编看看吧�
javascript删除类名的方法:1、使用“document.getElementById("id�")”语句根据id值获取指定元素对象;2、使用“元素对�.classList.remove("类名")”语句删除指定的类名�
目录Axios代理配置及响应拦截处理代理配置响应内容拦截处理Axios的proxy代理配置解析Axios代理配置及响应拦截处理Axios是vue官方推荐的异步处理,所以在几个vue的项目里,都用到了,所以这里写一下Axios的代理配置和响应拦截处理代理配置代理主要是为了解决跨域问题,但是现在常规解决跨域的方式,就是
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所�
增值电信经营许可证 : B1.B2-20140078