Hướng dẫn can you have two return statements in a function javascript - bạn có thể có hai câu lệnh trả về trong hàm javascript không

Tóm tắt: Trong hướng dẫn này, bạn sẽ học cách xác định các hàm JavaScript trả về nhiều giá trị.: in this tutorial, you will learn to define JavaScript functions that return multiple values.

Các hàm JavaScript có thể trả về một giá trị duy nhất. Để trả về nhiều giá trị từ một hàm, bạn có thể đóng gói các giá trị trả về dưới dạng các phần tử của một mảng hoặc là thuộc tính của một đối tượng.

Trả về nhiều giá trị từ một hàm bằng một mảng

Giả sử chức năng

let names = getNames[];
Code language: JavaScript [javascript]

function getNames[] {
    // get names from the database or API
    let firstName = 'John',
        lastName = 'Doe';

    // return as an array
    return [firstName, lastName];
}
Code language: JavaScript [javascript]

Những điều sau đây cho thấy cách lấy giá trị trả về từ hàm

let names = getNames[];
Code language: JavaScript [javascript]

let names = getNames[];
Code language: JavaScript [javascript]

Vì biến

let names = getNames[];
Code language: JavaScript [javascript]

const firstName = names[0],
      lastName  = names[1];
Code language: JavaScript [javascript]

Trong ES6, bạn có thể sử dụng cú pháp phân công phá hủy để giải nén các giá trị khỏi một mảng bằng trực giác hơn, như thế này:

const [firstName, lastName] = getNames[];
Code language: JavaScript [javascript]

Trong mã này, các biến

let names = getNames[];
Code language: JavaScript [javascript]

const firstName = names[0],
      lastName  = names[1];
Code language: JavaScript [javascript]

Trả về nhiều giá trị từ một hàm bằng cách sử dụng một đối tượng

Nếu bạn muốn gán một tên cho mỗi giá trị được trả về để làm cho nó dễ đọc hơn và dễ bảo trì hơn, bạn có thể sử dụng một đối tượng:

function getNames[] {
  // get names from the database or API
  let firstName = 'John',
      lastName = 'Doe';

  // return values
  return {
    'firstName': firstName,
    'lastName': lastName
  };
}
Code language: JavaScript [javascript]

Vì tên của các thuộc tính giống như các biến, bạn có thể rút ngắn nó bằng cách sử dụng các phần mở rộng cú pháp theo nghĩa đen trong ES6 như sau:

function getNames[] {
  // get names from the database or API
  let firstName = 'John',
      lastName  = 'Doe';

  return { firstName, lastName };
}
Code language: JavaScript [javascript]

Và bạn có thể nhận được giá trị trả về như một đối tượng như thế này:

let names = getNames[];

let firstName = names.firstName,
    lastName  = names.lastName;
Code language: JavaScript [javascript]

Nếu bạn muốn giải nén các thuộc tính khỏi một đối tượng, bạn có thể sử dụng cú pháp phá hủy đối tượng như sau:

let { firstName, lastName } = getNames[];

  

Code language: JavaScript [javascript]

Bản tóm tắt

• JavaScript không hỗ trợ các chức năng trả về nhiều giá trị. Tuy nhiên, bạn có thể bọc nhiều giá trị vào một mảng hoặc một đối tượng và trả về mảng hoặc đối tượng.
• Sử dụng cú pháp gán phá hủy để giải nén các giá trị khỏi mảng hoặc thuộc tính từ các đối tượng.

Hướng dẫn này có hữu ích không?