Đầu vào và đầu ra trong javascript là gì?

Trong phần giới thiệu của chương này, chúng tôi đã sử dụng phép ẩn dụ về , lưu ý rằng máy nhận đầu vào và cung cấp đầu ra. Phần này tập trung vào các chi tiết của hai khía cạnh này của hành vi chức năng

10. 4. 1. Tuyên bố trả lại

Một số hàm trả về giá trị hữu ích. Cụ thể, các hàm chuyển đổi kiểu chuyển đổi đầu vào thành kiểu dữ liệu đã chỉ định và trả về kết quả---gọi hàm Number("3.14") trả về giá trị

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

0

10. 4. 1. 1. Trả lại một giá trị

Để trả về một giá trị từ các hàm mà chúng ta tạo, chúng ta có thể sử dụng câu lệnh return. Câu lệnh return có dạng

trong đó

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

1 là bất kỳ giá trị nào

Thí dụ

Hàm này có một tham số duy nhất,

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

2, dự kiến ​​là một số nguyên dương. Nó trả về tổng 1+2+. +n

function sumToN(n) {
   let sum = 0;
   for (let i = 0; i <= n; i++) {
      sum += i;
   }
   return sum;
}

console.log(sumToN(3));

Đầu ra bảng điều khiển

Lưu ý rằng

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

3 không in bất cứ thứ gì;

Bây giờ chúng ta đã có các câu lệnh trả về trong hộp công cụ viết mã của mình, chúng ta sẽ rất hiếm khi in bất kỳ thứ gì trong một hàm. Nếu chúng ta muốn xem giá trị trả về của một hàm thì chúng ta phải in nó ra sau khi gọi hàm

Câu hỏi

Hàm

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

3 sử dụng một mẫu mà chúng ta đã thấy trước đây. Đó là những gì được gọi là?

10. 4. 1. 2. Sử dụng function doNothing() {} let returnVal = doNothing(); console.log(returnVal); 6 là tùy chọn

Như chúng ta đã thấy với các ví dụ ban đầu về định nghĩa hàm, không phải hàm nào cũng trả về giá trị một cách rõ ràng. Ở mức đơn giản nhất, một hàm thậm chí có thể có phần thân rỗng

Như đã viết, chức năng này hoàn toàn hợp lệ, nhưng vô dụng. Mặc dù hàm không có câu lệnh

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

6 nhưng JavaScript vẫn ngầm trả về một giá trị

Thí dụ

Hàm không có câu lệnh

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

6 trả về giá trị đặc biệt

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

9

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

Đầu ra bảng điều khiển

10. 4. 1. 3. function doNothing() {} let returnVal = doNothing(); console.log(returnVal); 6 Chấm dứt thực thi chức năng

Khi một câu lệnh return được thực thi, hàm sẽ kết thúc, bất kể có mã nào theo sau câu lệnh return hay không. Điều này có nghĩa là bạn phải cẩn thận chỉ sử dụng

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

6 khi công việc của hàm đã hoàn thành

Thí dụ

Câu lệnh

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

2 này trong hàm này không bao giờ thực thi, vì hàm trả về trước khi đạt đến

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

Đầu ra bảng điều khiển

Chúng ta có thể sử dụng thực tế là

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

6 cố ý dừng thực thi một chức năng, để buộc một chức năng dừng thực thi

Thí dụ

Hàm này in ra các số nguyên 1. n sử dụng vòng lặp

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

4 vô hạn, tuy nhiên vòng lặp này sẽ kết thúc khi câu lệnh

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

6 được thực thi

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

function countToN(n) {
   let count = 1;
   while (true) {
      if (count > n) {
         return;
      }
      console.log(count);
      count++;
   }
}

10. 4. 1. 4. Hàm Boolean

Hàm trả về giá trị boolean được gọi là hàm boolean. Có lẽ hàm đơn giản nhất như vậy là hàm kiểm tra một số nguyên để xác định xem nó có chẵn không

Thí dụ

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

function isEven(n) {
   if (n % 2 === 0) {
      return true;
   } else {
      return false;
   }
}

console.log(isEven(4));
console.log(isEven(7));

Đầu ra bảng điều khiển

Người ta thường đặt tên các hàm boolean bằng cách bắt đầu bằng

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

6 hoặc

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

7, điều này tạo ra hiệu ứng ngữ nghĩa đẹp mắt khi đọc mã. Ví dụ: đọc

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

8 truyền đạt cho người đọc rằng hàm sẽ trả lời câu hỏi, "4 có chẵn không?"

Hãy quay lại hàm

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

9 ở trên, để xem cách chúng ta có thể sử dụng sức mạnh của câu lệnh return để làm cho nó tốt hơn nữa

Vì

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

6 kết thúc chức năng, chúng ta có thể bỏ qua mệnh đề

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

1 và có tác dụng tương tự. Điều này là do nếu

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

2 là số chẵn, câu lệnh return trong khối

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

3 sẽ thực thi và chức năng sẽ kết thúc. Nếu

function doNothing() {}

let returnVal = doNothing();
console.log(returnVal);

2 là số lẻ, khối

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

3 sẽ bị bỏ qua và câu lệnh return thứ hai sẽ được thực thi

function isEven(n) {
   if (n % 2 === 0) {
      return true;
   }
   return false;
}

Phiên bản cập nhật này hoạt động giống hệt như chức năng ban đầu của chúng tôi

Ngoài ra, lưu ý rằng hàm trả về

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

6 khi

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

7 trả về

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

6 và nó trả về

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

9 khi

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

7 trả về

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

9. Nói cách khác, giá trị trả về hoàn toàn giống với giá trị của

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

7. Điều này có nghĩa là chúng ta có thể đơn giản hóa hàm hơn nữa bằng cách trả về giá trị của biểu thức này

function isEven(n) {
   return n % 2 === 0;
}

Phiên bản

function pastThePointOfReturn() {
   return "I'm done!";
   console.log("This will not be printed");
}

console.log(pastThePointOfReturn());

9 này hay hơn hai phiên bản đầu tiên, không phải vì nó ngắn hơn (ngắn hơn không phải lúc nào cũng tốt hơn), mà vì nó dễ đọc hơn. Chúng ta không cần phải chia nhỏ logic điều kiện để xem những gì đang được trả về

Hầu hết các hàm boolean có thể được viết sao cho chúng trả về giá trị của một biểu thức boolean, thay vì trả về một cách rõ ràng

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

6 hoặc

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

9

Đầu vào và đầu ra trong mã là gì?

Làm cách nào để tạo đầu ra đầu vào trong JavaScript?

Chức năng đầu vào và đầu ra với ví dụ là gì?

Sự khác biệt giữa các câu lệnh đầu vào và đầu ra là gì?