我不断地看到这种价值替换的模式,我试图弄清楚如何向我的同事解释这种替换。
问题
什么是正确的,确定的词:
- 这种替代
- 替代函数
在许多应用程序中,您需要重新查询该值,而不是使用现有的已定义变量。
高级用例:
- 蹦床
- 使用函数作为 React 子代,而不是 JSX / HTML
示例动画
const initialValue = (
+(0.5 * window.innerHeight)
);
const remainingValue = (
-(initialValue)
+(0.25 * window.innerHeight)
);
function getTopValue (percentageComplete) {
return (
+(initialValue)
+(percentageComplete * remainingValue)
);
}
如果您要在几秒钟内使用 0 到 1 之间的值调用 getTopValue,您最终会以初始 + 剩余
但是,如果你要调整屏幕大小,你的最终目的地是不同的,你必须将剩余值变成一个函数,而不是一个值
const initialValue = (
+(0.5 * window.innerHeight)
);
const remainingValue = () => (
-(initialValue)
+(0.25 * window.innerHeight)
);
function getTopValue (percentageComplete) {
return (
+(initialValue)
+(percentageComplete * remainingValue())
);
}