JavaScript 的三个遗留功能不应再使用

2023-11-07 01:12:38

1. with 语句

with 语句允许您在一个对象的作用域中执行代码，而无需不断地输入对象名称。例如，以下代码使用 with 语句在 person 对象的作用域中执行代码：

const person = {
  name: "John",
  age: 30,
};

with (person) {
  console.log(name); // "John"
  console.log(age); // 30
}

with 语句存在几个问题：

它可以使代码难以阅读和理解。
它可以导致意外的变量覆盖。
它与严格模式不兼容。

因此，您应该避免使用 with 语句，而改用更明确和安全的替代方法，例如使用点运算符访问对象属性：

const person = {
  name: "John",
  age: 30,
};

console.log(person.name); // "John"
console.log(person.age); // 30

2. eval() 函数

eval() 函数允许您将字符串作为代码执行。例如，以下代码使用 eval() 函数执行字符串 "console.log("Hello, world!")"：

eval("console.log("Hello, world!")"); // "Hello, world!"

eval() 函数存在几个问题：

它可以导致安全问题，因为您可以使用它来执行任意代码。
它可以使代码难以阅读和理解。
它可以导致意外的错误。

因此，您应该避免使用 eval() 函数，而改用更安全和可靠的替代方法，例如使用 new Function() 构造函数创建函数：

const func = new Function("console.log("Hello, world!")");
func(); // "Hello, world!"

3. arguments 对象

arguments 对象是一个类似数组的对象，它包含传递给函数的所有参数。例如，以下代码使用 arguments 对象来循环函数的所有参数：

function sum() {
  let total = 0;
  for (let i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}

console.log(sum(1, 2, 3, 4, 5)); // 15

arguments 对象存在几个问题：

它不是一个真正的数组，因此它没有数组的所有方法。
它不能被解构。
它与箭头函数不兼容。

因此，您应该避免使用 arguments 对象，而改用更现代和方便的替代方法，例如使用扩展运算符：

function sum(...numbers) {
  let total = 0;
  for (let number of numbers) {
    total += number;
  }
  return total;
}

console.log(sum(1, 2, 3, 4, 5)); // 15