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

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!

主站蜘蛛池模板: 洛阳市| 青河县| 上高县| 济源市| 东丰县| 旌德县| 娱乐| 江油市| 金塔县| 家居| 都安| 五寨县| 漳州市| 怀宁县| 招远市| 海宁市| 新源县| 桦南县| 水城县| 慈利县| 珠海市| 纳雍县| 泗水县| 神农架林区| 峨眉山市| 盈江县| 余姚市| 阳新县| 大石桥市| 永登县| 泸溪县| 枝江市| 绥芬河市| 当雄县| 平乐县| 揭东县| 扎兰屯市| 林周县| 龙岩市| 井陉县| 鹤峰县|