题解 | #避免全局变量#

function globals() {
    let myObject = {
      name : 'Jory'
    };

    return myObject;
}

function globals() {
    var myObject = {
      name : 'Jory'
    };

    return myObject;
}

在 JavaScript 中，定义变量时写 "let" 和不写 "let" 的区别在于作用域的范围。

当你在定义变量时使用 "let" 关键字时，这个变量的作用域将被限制在当前的代码块中。例如：

function example() {
  let x = 10;
  console.log(x); // 输出 10
}
console.log(x); // 抛出 ReferenceError 错误，因为 x 只在函数 example() 的作用域中定义

在上面的例子中，变量 "x" 只在函数 "example" 中定义，并且在函数外部的代码中无法访问。

如果你在定义变量时不使用 "let" 关键字，JavaScript 将会将其视为一个全局变量，并且可以在代码中的任何位置使用。例如：

function example() {
  x = 10;
  console.log(x); // 输出 10
}
example();
console.log(x); // 输出 10

在上面的例子中，变量 "x" 在函数中定义但没有使用 "let" 关键字。因此，JavaScript 将其视为一个全局变量，并且可以在函数外部的代码中使用。

需要注意的是，全局变量的使用容易导致代码中的错误和混淆，并且应该尽可能地避免。建议在定义变量时始终使用 "let" 或 "const" 关键字，以确保变量的作用域得到正确的限制。

在 JavaScript 中，定义变量时使用 var 关键字和不使用 var 关键字有很大的区别。

当使用 var 关键字定义变量时，变量被限定在当前函数的作用域内。这意味着，如果在一个函数内使用 var 关键字定义一个变量，那么该变量只能在该函数内部使用。此外，如果在一个函数内部定义了一个变量，它也不会影响到外部的同名变量。

例如，下面的代码中有两个函数 foo 和 bar，它们都定义了同名的变量 x，但是由于它们都使用了 var 关键字，所以它们的作用域是相互独立的：

function foo() {
  var x = 1;
  console.log(x); // 输出 1
}

function bar() {
  var x = 2;
  console.log(x); // 输出 2
}

foo();
bar();

然而，如果不使用 var 关键字来定义变量，JavaScript 将会把该变量当作全局变量来处理。这意味着该变量将会被添加到全局对象（在浏览器中是 window 对象）的属性列表中，并且可以在任何地方被访问到。

例如，下面的代码中定义了一个没有使用 var 关键字的变量 x：

function foo() {
  x = 1;
  console.log(x); // 输出 1
}

function bar() {
  console.log(x); // 输出 1
}

foo();
bar();

在上面的代码中，当调用 foo 函数时，JavaScript 会将变量 x 添加到全局对象中。然后，当调用 bar 函数时，它可以访问到该全局变量 x 并输出其值。

因此，为了避免产生不必要的问题和错误，建议在定义变量时始终使用 var 关键字来限定变量的作用域。