Lodash 源码分析

# clamp

# Description

返回限制在 lower 和 upper 之间的值。

# Params

(number, lower, upper)

{Number} number

{Number} lower 下限

{Number} upper 上限

# Return

Number

# Code

function clamp(number, lower, upper) {
  number = +number
  lower = +lower
  upper = +upper
  lower = lower === lower ? lower : 0
  upper = upper === upper ? upper : 0
  if (number === number) {
    number = number <= upper ? number : upper
    number = number >= lower ? number : lower
  }
  return number
}

# Analyze

  1. 首先 一元正号 转为数字
  2. 三等判断，这里是为了去除 NaN , NaN 转为了 0
  3. 三等判断 number === number，也是为了判断 NaN,如果是 NaN 直接就返回 NaN
  4. 在这里进行处理的时候，保证了 '最小值'，没有保证 '最大值'，也就是说，在调用 clamp 时，如果传入参数依次为， 10，20，5 ，最终返回的结果为 20（'最小值'）
  5. 三目运算判断，如果小于最大值，则不变，否则等于最大值
  6. 三目运算判断，如果大于最小值，则不变，否则等于最小值

# Remark

  1. 三元运算符 MDN (opens new window)
  2. 一元正号 MDN (opens new window)
  3. 一元正号 ECMA (opens new window)
  4. NaN MDN (opens new window)

# Example

clamp(-10, -5, 5) // => -5

clamp(10, -5, 5) // => 5

← clone →