作者按：《天天一个设想形式》旨在开端体会设想形式的精华，现在采纳
javascript和
python两种言语完成。固然，每种设想形式都有多种完成体式格局，但此小册只纪录最直接了当的完成体式格局 :)
原文地点是：《天天一个设想形式之装潢者形式》
迎接关注个人手艺博客：godbmw.com。每周 1 篇原创手艺分享！开源教程(webpack、设想形式）、口试刷题（偏前端）、学问整顿（每周细碎），迎接历久关注！
假如您也想举行学问整顿 + 搭建功用完美/设想简约/疾速启动的个人博客，请直接戳theme-bmw
0. 项目地点
1. 什么是“装潢者形式”？
装潢者形式：在
不转变对象本身的基础上，
动态地增添功用代码。
依据形貌，装潢者明显比继续等体式格局更天真，而且不污染本来的代码，代码逻辑松耦合。
2. 运用场景
装潢者形式因为松耦合，多用于一开始不确定对象的功用、或许对象功用常常更改的时刻。
尤其是在参数搜检、参数阻拦等场景。
3. 代码完成
3.1 ES6 完成
ES6的装潢器语法范例只是在“提案阶段”，而且不能装潢一般函数或许箭头函数。
下面的代码，addDecorator可认为指定函数增添装潢器。
个中，装潢器的触发能够在函数运转之前，也能够在函数运转以后。
注重：装潢器须要保留函数的运转效果，而且返回。
const addDecorator = (fn, before, after) => {
let isFn = fn => typeof fn === "function";
if (!isFn(fn)) {
return () => {};
}
return (...args) => {
let result;
// 根据递次实行“装潢函数”
isFn(before) && before(...args);
// 保留返回函数效果
isFn(fn) && (result = fn(...args));
isFn(after) && after(...args);
// 末了返回效果
return result;
};
};
/******************以下是测试代码******************/
const beforeHello = (...args) => {
console.log(`Before Hello, args are ${args}`);
};
const hello = (name = "user") => {
console.log(`Hello, ${name}`);
return name;
};
const afterHello = (...args) => {
console.log(`After Hello, args are ${args}`);
};
const wrappedHello = addDecorator(hello, beforeHello, afterHello);
let result = wrappedHello("godbmw.com");
console.log(result);3.2 Python3 完成
python直接供应装潢器的语法支撑。用法以下：
# 不带参数
def log_without_args(func):
def inner(*args, **kw):
print("args are %s, %s" % (args, kw))
return func(*args, **kw)
return inner
# 带参数
def log_with_args(text):
def decorator(func):
def wrapper(*args, **kw):
print("decorator's arg is %s" % text)
print("args are %s, %s" % (args, kw))
return func(*args, **kw)
return wrapper
return decorator
@log_without_args
def now1():
print('call function now without args')
@log_with_args('execute')
def now2():
print('call function now2 with args')
if __name__ == '__main__':
now1()
now2()实在python中的装潢器的完成，也是经由过程“闭包”完成的。
以上述代码中的now1函数为例，装潢器与以下语法等价：
# ....
def now1():
print('call function now without args')
# ...
now_without_args = log_without_args(now1) # 返回被装潢后的 now1 函数
now_without_args() # 输出与前面代码雷同