重学js —— 更新表达式（后缀++/前缀++）

[lizhongzhen11]

更新表达式

• MDN——表达式和运算符

后缀++

1. 定义 lhs 为 LeftHandSideExpression 运行结果
2. 定义 oldValue 为 ? ToNumeric(? GetValue(lhs))。 （PS：这里转为数值）
3. 定义 newValue 为 ! Type(oldvalue)::add(oldvalue, Type(oldvalue)::unit)
4. 执行 ? PutValue(lhs, newValue)。 （PS：这里将新值赋给 lhs，替换掉原来的 oldValue）
5. 返回 oldValue （PS：重点注意！！！虽然其值已经改为新值了，但是返回的是旧值！！！）

let a = 1
let b = a++
console.log(`a 为 ${a}，`, `b 为 ${b}`) // a 为 2， b 为 1

后缀--

1. 定义 lhs 为 LeftHandSideExpression 运行结果
2. 定义 oldValue 为 ? ToNumeric(? GetValue(lhs))。 （PS：这里转为数值）
3. 定义 newValue 为 ! Type(oldvalue)::subtract(oldvalue, Type(oldvalue)::unit)
4. 执行 ? PutValue(lhs, newValue)。 （PS：这里将新值赋给 lhs，替换掉原来的 oldValue）
5. 返回 oldValue （PS：重点注意！！！虽然其值已经改为新值了，但是返回的是旧值！！！）

let a = 1
let b = a--
console.log(`a 为 ${a}，`, `b 为 ${b}`) // a 为 0， b 为 1

++前缀

1. 定义 expr 为 UnaryExpression 运行结果
2. 定义 oldValue 为 ? ToNumeric(? GetValue(expr))。 （PS：这里转为数值）
3. 定义 newValue 为 ! Type(oldvalue)::add(oldvalue, Type(oldvalue)::unit)
4. 执行 ? PutValue(expr, newValue)。 （PS：这里将新值赋给 expr，替换掉原来的 oldValue）
5. 返回 newValue （PS：重点注意！！！这里返回的是新值！！！）

let a = 1
let b = ++a
console.log(`a 为 ${a}，`, `b 为 ${b}`) // a 为 2， b 为 2

--前缀

1. 定义 expr 为 UnaryExpression 运行结果
2. 定义 oldValue 为 ? ToNumeric(? GetValue(expr))。 （PS：这里转为数值）
3. 定义 newValue 为 ! Type(oldvalue)::subtract(oldvalue, Type(oldvalue)::unit)
4. 执行 ? PutValue(expr, newValue)。 （PS：这里将新值赋给 expr，替换掉原来的 oldValue）
5. 返回 newValue （PS：重点注意！！！这里返回的是新值！！！）

let a = 1
let b = --a
console.log(`a 为 ${a}，`, `b 为 ${b}`) // a 为 0， b 为 0

注意

前缀操作符和后缀操作符很容易令人困惑，当然，以前靠记忆也能记住，现在直面规范更能理解。希望不要再被迷惑！

可以大致写个后缀模拟函数，不标准：

/*
 * @param {target} 目标数值
 * @param {type} 只能是 '++' 或 '--'
 */
const postfix = (target, type) => {
  let old = Number(target)
  if (type === '++') {
    let newVal = old + 1
    target = newVal
  } else if (type === '--') {
    let newVal = old - 1
    target = newVal
  } else {
    throw '第二个参数只能传入 ++ 或 --'
  }
  return old
}

前缀也类似。