javascript - 为什么函数function foo(x = x+1){ };参数不可以为x=x+1?

问题描述

问 题

例子:

let x = 99;
function foo(p = x + 1) {
  console.log(p);
}

foo() // 100

x = 100;
foo() // 101

但是,如果我将参数稍微改变一下为:

let x = 99;
function foo(x = x + 1) {
  console.log(x);
}

foo() // NaN

x = 100;
foo() // NaN

为什么会显示成NaN呢?中间发生了哪些不可看的隐形变化?有知道的,可以告知一下吗?谢了

解决方案

let x = 99;
function foo(p = x + 1) {
  console.log(p);
}

// 相当于
let x = 99;
function foo () {
    let p;
    p = x + 1;
    console.log(p); // -> 100
}

下面这段代码相当于

let x = 99;
function foo(x = x + 1) {
  console.log(x);
}
// 相当于
let x = 99;
function foo() {
  let x;  // 此时x = undefined;
  x = undefined + 1;
  console.log(x); // -> NaN
}

也就是说foo(x = x + 1) 里的x和外面的x没有半毛钱关系， 是你自己定义在函数内部的。

这篇关于javascript - 为什么函数function foo(x = x+1){ };参数不可以为x=x+1?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！