官术网_书友最值得收藏!

Stubbing

This is a use case similar in some aspects to polyfill: having a function do different work depending on the environment. The idea is to do stubbing, an idea from testing, which means replacing a function with another that does a simpler job, instead of doing the actual work.

A common case is the usage of logging functions. You may want the application to do detailed logging when in development, but not to say a peep when in production. A common solution would be writing something along the lines of:

let myLog = someText => {
if (DEVELOPMENT) {
console.log(someText); // or some other way of logging
} else {
// do nothing
}
}

This works, but as in the example about Ajax detection, it does more work than it
about Ajax detection, it does more work than it needs since it checks every time if the application is in development. We could simplify the code (and get a really, really tiny performance gain!) if we stub out the logging function, so it won't actually log anything:

let myLog;
if (DEVELOPMENT) {
myLog = someText => console.log(someText);
} else {
myLog = someText => {};
}

We can even do better with the ternary operator:

const myLog = DEVELOPMENT
? someText => console.log(someText)
: someText => {};

This is a bit more cryptic, but I prefer it, because it uses a const, which cannot be modified.

Given that JS allows calling functions with more parameters than arguments, and that we aren't doing anything in myLog() when we are not in development, we could have also written () => {} and it would have worked fine. I do prefer, however, keeping the same signature, and that's why I specified the someText argument, even if it wouldn't be used; your call!

主站蜘蛛池模板: 孟连| 察哈| 奇台县| 察隅县| 荣成市| 崇礼县| 许昌市| 武冈市| 鸡泽县| 凉城县| 杨浦区| 曲水县| 寿光市| 新巴尔虎左旗| 海宁市| 犍为县| 武乡县| 修文县| 汶上县| 堆龙德庆县| 马边| 扎鲁特旗| 宁城县| 四平市| 民和| 太和县| 白山市| 达尔| 乐亭县| 霍林郭勒市| 大余县| 泰来县| 岳普湖县| 花莲市| 禹城市| 英山县| 福泉市| 苏尼特右旗| 石城县| 沂源县| 灵宝市|