Hướng dẫn how do you return a javascript function? - làm thế nào để bạn trả về một chức năng javascript?

Thử nó

Cú pháp

return;
return true;
return false;
return x;
return x + y / 3;

Biểu thức có giá trị được trả về. Nếu bị bỏ qua,

return;
return true;
return false;
return x;
return x + y / 3;

Sự mô tả

Khi một câu lệnh

return;
return true;
return false;
return x;
return x + y / 3;

return;
return true;
return false;
return x;
return x + y / 3;

return;
return true;
return false;
return x;
return x + y / 3;

function square[x] {
  return x * x;
}
const demo = square[3];
// demo will equal 9

Nếu giá trị bị bỏ qua,

return;
return true;
return false;
return x;
return x + y / 3;

Các câu lệnh trả về sau đều phá vỡ thực thi chức năng:

return;
return true;
return false;
return x;
return x + y / 3;

Chèn dấu chấm phẩy tự động

Tuyên bố

return;
return true;
return false;
return x;
return x + y / 3;

return;
return true;
return false;
return x;
return x + y / 3;

được chuyển đổi bởi ASI thành:

Bảng điều khiển sẽ cảnh báo "mã không thể truy cập sau tuyên bố trả lại".

Lưu ý: Bắt đầu với Firefox 40, một cảnh báo được hiển thị trong bảng điều khiển nếu mã không thể truy cập được tìm thấy sau một câu lệnh

return;
return true;
return false;
return x;
return x + y / 3;

return;
return true;
return false;
return x;
return x + y / 3;

Để tránh vấn đề này [để ngăn chặn ASI], bạn có thể sử dụng dấu ngoặc đơn:

Ví dụ

Làm gián đoạn một hàm

Một chức năng ngay lập tức dừng tại điểm mà

return;
return true;
return false;
return x;
return x + y / 3;

function counter[] {
  for [let count = 1; ; count++] {  // infinite loop
    console.log[`${count}A`]; // until 5
    if [count === 5] {
      return;
    }
    console.log[`${count}B`];  // until 4
  }
  console.log[`${count}C`];  // never appears
}

counter[];

// Logs:
// 1A
// 1B
// 2A
// 2B
// 3A
// 3B
// 4A
// 4B
// 5A

Trả lại một chức năng

Xem thêm bài viết về đóng cửa.

function magic[] {
  return function calc[x] { return x * 42; };
}

const answer = magic[];
answer[1337]; // 56154

Xem thêm

Trả về của một hàm là gì?

Trả về là một giá trị mà một hàm trở về tập lệnh gọi hoặc hàm khi hoàn thành nhiệm vụ của nó. Giá trị trả về có thể là bất kỳ một trong bốn loại biến: xử lý, số nguyên, đối tượng hoặc chuỗi. Loại giá trị mà chức năng của bạn trả về phần lớn phụ thuộc vào nhiệm vụ mà nó thực hiện. are just what they sound like — the values that a function returns when it completes. You've already met return values several times, although you may not have thought about them explicitly.

Có một khái niệm thiết yếu cuối cùng về các chức năng để chúng ta thảo luận - các giá trị trả về. Một số chức năng không trả về một giá trị quan trọng, nhưng những chức năng khác thì có. Điều quan trọng là phải hiểu giá trị của chúng là gì, làm thế nào để sử dụng chúng trong mã của bạn và cách tạo các hàm trả về các giá trị hữu ích. Chúng tôi sẽ bao gồm tất cả những thứ này dưới đây.

const myText = "The weather is cold";
const newString = myText.replace["cold", "warm"];
console.log[newString]; // Should print "The weather is warm"
// the replace[] string function takes a string,
// replaces one substring with another, and returns
// a new string with the replacement made

Kiến thức máy tính cơ bản, sự hiểu biết cơ bản về HTML và CSS, JavaScript bước đầu tiên, Chức năng - các khối mã có thể tái sử dụng.

1. Để hiểu các giá trị trả về chức năng và cách sử dụng chúng.
2. Giá trị trả về là gì?

Giá trị trả về chỉ là những gì chúng nghe - các giá trị mà một hàm trả về khi hoàn thành. Bạn đã đáp ứng các giá trị trả về nhiều lần, mặc dù bạn có thể không nghĩ về chúng một cách rõ ràng.

Hãy trở lại một ví dụ quen thuộc [từ một bài viết trước trong loạt bài này]:

Hàm

function counter[] {
  for [let count = 1; ; count++] {  // infinite loop
    console.log[`${count}A`]; // until 5
    if [count === 5] {
      return;
    }
    console.log[`${count}B`];  // until 4
  }
  console.log[`${count}C`];  // never appears
}

counter[];

// Logs:
// 1A
// 1B
// 2A
// 2B
// 3A
// 3B
// 4A
// 4B
// 5A

function counter[] {
  for [let count = 1; ; count++] {  // infinite loop
    console.log[`${count}A`]; // until 5
    if [count === 5] {
      return;
    }
    console.log[`${count}B`];  // until 4
  }
  console.log[`${count}C`];  // never appears
}

counter[];

// Logs:
// 1A
// 1B
// 2A
// 2B
// 3A
// 3B
// 4A
// 4B
// 5A

các nền tảng để tìm ['lạnh'].

Chuỗi để thay thế nó bằng ['ấm'].

Khi chức năng hoàn thành [kết thúc chạy], nó sẽ trả về một giá trị, đây là một chuỗi mới với sự thay thế được thực hiện. Trong mã trên, kết quả của giá trị trả về này được lưu trong biến

function counter[] {
  for [let count = 1; ; count++] {  // infinite loop
    console.log[`${count}A`]; // until 5
    if [count === 5] {
      return;
    }
    console.log[`${count}B`];  // until 4
  }
  console.log[`${count}C`];  // never appears
}

counter[];

// Logs:
// 1A
// 1B
// 2A
// 2B
// 3A
// 3B
// 4A
// 4B
// 5A

function draw[] {
  ctx.clearRect[0, 0, WIDTH, HEIGHT];
  for [let i = 0; i