ECMAScript 2017 中的新特性：使用 do 表达式写出更健壮的代码-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2017 中的新特性：使用 do 表达式写出更健壮的代码

ECMAScript 2017（也称为 ES8）是 JavaScript 的最新版本。它引入了许多新特性，其中一个新特性是 do 表达式。在本文中，我们将深入探讨这个新特性，了解如何使用它来编写更健壮的代码。

什么是 do 表达式？

在 JavaScript 中，do 表达式是一种新的控制流语句，它允许我们在代码块中执行一系列操作，并返回最后一个操作的结果。它的语法如下：

let result = do {
  // 在这里执行一系列操作
  // 最后一个操作的结果将会被返回
}

在这个语法中，我们使用 do 关键字来声明一个 do 表达式，并用大括号包含一系列操作。最后一个操作的结果将会被赋值给 result 变量。

为什么要使用 do 表达式？

使用 do 表达式有以下几个好处：

简化代码逻辑

在某些情况下，我们需要在一个代码块中执行多个操作，并根据最后一个操作的结果来决定下一步该做什么。使用 do 表达式可以让我们更清晰地表达这种逻辑，而不需要使用多个 if/else 语句或者嵌套的回调函数。

例如，下面这段代码使用了多个 if/else 语句来判断一个字符串是否包含数字：

let str = 'hello123';
let hasNumber = false;

if (str.indexOf('0') !== -1 ||
    str.indexOf('1') !== -1 ||
    str.indexOf('2') !== -1 ||
    str.indexOf('3') !== -1 ||
    str.indexOf('4') !== -1 ||
    str.indexOf('5') !== -1 ||
    str.indexOf('6') !== -1 ||
    str.indexOf('7') !== -1 ||
    str.indexOf('8') !== -1 ||
    str.indexOf('9') !== -1) {
  hasNumber = true;
}

使用 do 表达式可以让这段代码更简洁：

let str = 'hello123';
let hasNumber = do {
  let regex = /\d/;
  regex.test(str);
}

在这个例子中，我们使用了正则表达式来判断字符串中是否包含数字。最后一个操作是 regex.test(str)，它返回一个布尔值，表示字符串中是否包含数字。这个布尔值将会被赋值给 hasNumber 变量。

避免副作用

在 JavaScript 中，一些操作可能会有副作用，比如修改全局变量、发送网络请求等等。使用 do 表达式可以让我们更好地控制这些副作用，避免它们对代码造成不良影响。

例如，下面这段代码使用了多个回调函数来处理异步请求的结果：

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 处理数据
  })
  .catch(error => {
    // 处理错误
  });

使用 do 表达式可以让这段代码更清晰：

let data = do {
  let response = await fetch('https://api.example.com/data');
  response.json();
}
// 处理数据

在这个例子中，我们使用了 async/await 来处理异步请求的结果。最后一个操作是 response.json()，它返回一个 Promise 对象，表示响应的 JSON 数据。这个 Promise 对象将会被赋值给 data 变量。

示例代码

下面是一个使用 do 表达式的示例代码，它使用了一个自定义的 Promise 类来模拟异步请求：

class MyPromise {
  constructor(callback) {
    this.callback = callback;
  }
  
  then(onResolve, onReject) {
    return new MyPromise((resolve, reject) => {
      this.callback(
        result => {
          let value = onResolve(result);
          if (value instanceof MyPromise) {
            value.then(resolve, reject);
          } else {
            resolve(value);
          }
        },
        error => {
          let value = onReject(error);
          if (value instanceof MyPromise) {
            value.then(resolve, reject);
          } else {
            reject(value);
          }
        }
      );
    });
  }
  
  catch(onReject) {
    return new MyPromise((resolve, reject) => {
      this.callback(
        result => {
          resolve(result);
        },
        error => {
          let value = onReject(error);
          if (value instanceof MyPromise) {
            value.then(resolve, reject);
          } else {
            reject(value);
          }
        }
      );
    });
  }
  
  finally(onFinally) {
    return new MyPromise((resolve, reject) => {
      this.callback(
        result => {
          let value = onFinally();
          if (value instanceof MyPromise) {
            value.then(() => resolve(result), () => reject(result));
          } else {
            resolve(result);
          }
        },
        error => {
          let value = onFinally();
          if (value instanceof MyPromise) {
            value.then(() => reject(error), () => reject(error));
          } else {
            reject(error);
          }
        }
      );
    });
  }
}

let promise = new MyPromise(resolve => {
  setTimeout(() => {
    resolve('hello');
  }, 1000);
});

let result = do {
  let value = await promise;
  value.toUpperCase();
}

console.log(result); // 输出 HELLO

在这个示例代码中，我们使用了自定义的 MyPromise 类来模拟异步请求。在 do 表达式中，我们等待这个 Promise 对象的结果，并将它转换成大写字母。最后一个操作的结果将会被赋值给 result 变量，并输出到控制台中。

总结

在本文中，我们深入探讨了 ECMAScript 2017 中的新特性 do 表达式，并了解了它的好处和用法。使用 do 表达式可以让我们更清晰地表达代码逻辑，避免副作用对代码造成不良影响。希望本文能够对你理解 do 表达式有所帮助，并在实际开发中得到应用。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/658a75ffeb4cecbf2dfa3377