浅谈es6中的元编程
何为元编程？
「编写能改变语言语法特性或者运行时特性的程序」。换言之，一种语言本来做不到的事情，通过你编程来修改它，使得它可以做到了，这就是元编程。
meta-programming元编程中的元的概念可以理解为程序本身。”元编程能让你拥有可以扩展程序自身能力
举个例子：
if(a==1&&a==2&&a==3){
console.log("done");
}
怎样才能让这个条件满足，输出done。按照正常的逻辑是无法完成的，毕竟一个值不可能同时满足等于1、2、3
这是就可以用到元编程来改变这个不可能
leta={
[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
letobj={
[Symbol.toPrimitive](hint){
switch(hint){
case"number":
return123;
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升级版,用于自定义的对象的行为
letleon={
age:30
}
constvalidator={
get:function(target,key){
//若没这个属性返回37
returnkeyintarget?target[key]:37;
},
set(target,key,value){
if(typeofvalue!="number"||Number.isNaN(value)){
thrownewError("年龄得是数字");
}
}
}
constproxy=newProxy(leon,validator);
console.log(proxy.name);
//37
proxy.age="hi";
//Error:年龄得是数字
reflect-metadata
你可以通过装饰器来给类添加一些自定义的信息。然后通过反射将这些信息提取出来。当然你也可以通过反射来添加这些信息
require("reflect-metadata")
classC{
//@Reflect.metadata(metadataKey,metadataValue)
method(){
}
}
Reflect.defineMetadata("name","jix",C.prototype,"method");
letmetadataValue=Reflect.getMetadata("name",C.prototype,"method");
console.log(metadataValue);
//jix
应用
拓展数组索引访问
负索引访问，使array[-N]与array[array.length-N]相同
letarray=[1,2,3];
array=newProxy(array,{
get(target,prop,receiver){
if(prop<0){
console.log(prop,'prop')
prop=+prop+target.length;
}
returnReflect.get(target,prop,receiver);
}
});
console.log(array[-1]);//3
console.log(array[-2]);//2
数据劫持
lethandlers=Symbol('handlers');
functionmakeObservable(target){
//初始化存储handler的数组
target[handlers]=[];
//存储handler函数到数组中以便于未来调用
target.observe=function(handler){
this[handlers].push(handler);
};
//创建代理以处理更改
returnnewProxy(target,{
set(target,property,value,receiver){
//转发写入操作到目标对象
letsuccess=Reflect.set(...arguments);
//如果设置属性的时候没有报错
if(success){
//调用所有handler
target[handlers].forEach(handler=>handler(property,value));
}
returnsuccess;
}
});
}
letuser={};
user=makeObservable(user);
user.observe((key,value)=>{
console.log(`SET${key}=${value}`);
});
user.name="John";
//SETname=John
到此这篇关于浅谈es6中的元编程的文章就介绍到这了,更多相关es6元编程内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！