Từ khóa 'trở lại' là loại gì?

Chúng tôi sử dụng câu lệnh trả về một cách tùy chọn trong các hàm JavaScript. Đó là một từ khóa. Nhưng loại thực tế của returnchính nó là gì. Thực sự tôi đã bối rối, khi xem ví dụ:

function add(a, b) {
  return (
    console.log(a + b),
    console.log(arguments)
  );
}

add(2, 2);

Đầu ra:

4
[2, 2]

Vì vậy, chúng ta có thể chuyển các biểu thức được phân tách bằng dấu phẩy vào returncâu lệnh. Đây có phải là một chức năng?

Và bắt đầu với điều này, chúng ta có thể đoán rằng mọi từ khóa trong JavaScript cuối cùng đều là một hàm không?

Tôi đã viết một blog nhỏ như một ý chính của cuộc thảo luận này. Bạn có thể muốn kiểm tra nó ở đây .

Nhưng bản thân kiểu 'trả lại' thực tế là gì.

Nó không có kiểu, nó không phải là giá trị.

Cố gắng typeof return;sẽ cho bạn Unexpected token return.

Vì vậy, chúng ta có thể chuyển các biểu thức được phân tách bằng dấu phẩy vào câu lệnh return. Đây có phải là một chức năng?

Không, trong khi dấu ngoặc đơn có thể được sử dụng để gọi một hàm, ở đây chúng là một toán tử nhóm chứa một vài biểu thức được phân tách bằng toán tử dấu phẩy .

Một minh chứng hữu ích hơn sẽ là:

function add(a, b) {
  return (
    (a + b),
    (a - b)
  );
}

console.log(add(2, 2));

0Kết quả nào xuất ra vì kết quả của a + bbị bỏ qua (nó nằm trên LHS của toán tử dấu phẩy) và a - bđược trả về.

Tôi hơi bị sốc khi không có ai ở đây trực tiếp tham khảo thông số kỹ thuật :

12.9 Câu lệnh return Cú pháp ReturnStatement: return; return [không có LineTerminator ở đây] Biểu thức;

Ngữ nghĩa

Một chương trình ECMAScript được coi là không chính xác về mặt cú pháp nếu nó chứa câu lệnh trả về không nằm trong FunctionBody. Câu lệnh return khiến một hàm ngừng thực thi và trả về một giá trị cho trình gọi. Nếu Biểu thức bị bỏ qua, giá trị trả về là không xác định. Nếu không, giá trị trả về là giá trị của Biểu thức.

ReturnStatement được đánh giá như sau:

Nếu Biểu thức không có mặt, hãy quay lại (return, undefined, empty). Hãy exprReflà kết quả của việc đánh giá Biểu thức. Trả lại (return, GetValue(exprRef), empty).

Vì vậy, do thông số kỹ thuật, ví dụ của bạn có nội dung:

return ( GetValue(exprRef) )

Ở đâu exprRef = console.log(a + b), console.log(arguments)

Mà theo thông số kỹ thuật về toán tử dấu phẩy ...

Ngữ nghĩa

Biểu thức sản xuất: Expression, AssignmentExpression được đánh giá như sau:

Let lref be the result of evaluating Expression.
Call GetValue(lref).
Let rref be the result of evaluating AssignmentExpression.
Return GetValue(rref).

... có nghĩa là mọi biểu thức sẽ được đánh giá cho đến mục cuối cùng trong danh sách dấu phẩy, trở thành biểu thức gán. Vì vậy, mã của bạnreturn (console.log(a + b) , console.log(arguments)) sẽ

1.) in kết quả của a + b

2.) Không còn gì để thực thi, vì vậy hãy thực thi biểu thức tiếp theo

3.) in arguments, và bởi vìconsole.log() không chỉ định câu lệnh trả về

4.) Đánh giá đến không xác định

5.) Sau đó được trả lại cho người gọi.

Vì vậy, câu trả lời chính xác là, return không có kiểu, nó chỉ trả về kết quả của một số biểu thức.

Đối với câu hỏi tiếp theo:

Vì vậy, chúng ta có thể chuyển các biểu thức được phân tách bằng dấu phẩy vào câu lệnh return. Đây có phải là một chức năng?

Không. Dấu phẩy trong JavaScript là một toán tử, được định nghĩa để cho phép bạn kết hợp nhiều biểu thức thành một dòng duy nhất và được xác định bởi đặc tả để trả về biểu thức được đánh giá của bất kỳ thứ gì cuối cùng trong danh sách của bạn.

Bạn vẫn không tin tôi?

<script>
alert(foo());
function foo(){
    var foo = undefined + undefined;
    console.log(foo);
    return undefined, console.log(1), 4;
}
</script>

Chơi với mã đó ở đây và gây rối với giá trị cuối cùng trong danh sách. Nó sẽ luôn trả về giá trị cuối cùng trong danh sách, trong trường hợp của bạn, nó chỉ xảy raundefined.

Đối với câu hỏi cuối cùng của bạn,

Và bắt đầu với điều này, chúng ta có thể đoán rằng mọi từ khóa trong JavaScript cuối cùng đều là một hàm không?

Một lần nữa, không. Các hàm có một định nghĩa rất cụ thể trong ngôn ngữ. Tôi sẽ không in lại nó ở đây vì câu trả lời này đã quá dài.

Kiểm tra điều gì sẽ xảy ra khi bạn trả về các giá trị trong ngoặc đơn:

function foo() {
    return (1, 2);
}

console.log(foo());

Đưa ra câu trả lời 2, vì vậy, có vẻ như danh sách giá trị được phân tách bằng dấu phẩy sẽ đánh giá phần tử cuối cùng trong danh sách.

Thực sự, dấu ngoặc đơn không liên quan ở đây, chúng đang nhóm các hoạt động thay vì biểu thị một lời gọi hàm. Tuy nhiên, điều có thể đáng ngạc nhiên là dấu phẩy hợp pháp ở đây. Tôi đã tìm thấy một bài đăng trên blog thú vị về cách xử lý dấu phẩy ở đây:

https://javascriptweblog.wordpress.com/2011/04/04/the-javascript-comma-operator/

returnkhông phải là một chức năng. Đó là sự tiếp tục của chức năng mà nó xảy ra.

Hãy nghĩ về câu lệnh alert (2 * foo(bar));đâu foolà tên của một hàm. Khi bạn đánh giá nó, bạn thấy rằng bạn phải dành phần còn lại của tuyên bố một chút thời gian để tập trung đánh giá foo(bar). Bạn có thể hình dung phần bạn đặt sang một bên như thế nào alert (2 * _), với một khoảng trống để điền vào. Khi bạn biết giá trị củafoo(bar) nó, bạn chọn nó lại.

Điều bạn đặt sang một bên là tiếp tục cuộc gọi foo(bar).

Kêu gọi return cung cấp một giá trị cho sự tiếp tục đó.

Khi bạn đánh giá một hàm bên trong foo, phần còn lại foochờ hàm đó giảm xuống một giá trị, rồi foochọn lại. Bạn vẫn còn một mục tiêu để đánh giá foo(bar), nó chỉ bị tạm dừng.

Khi bạn đánh giá returnbên trong foo, không có phần nào foochờ đợi xung quanh một giá trị. returnkhông giảm xuống một giá trị tại foonơi bạn đã sử dụng nó. Thay vào đó, nó khiến toàn bộ cuộc gọi foo(bar) giảm xuống một giá trị và mục tiêu "đánh giáfoo(bar) " được coi là hoàn thành và bị thổi bay.

Mọi người thường không nói với bạn về sự liên tục khi bạn mới làm quen với lập trình. Họ nghĩ về nó như một chủ đề nâng cao, chỉ vì có được một số thứ rất tiên tiến mà mọi người cuối cùng làm với continuations. Nhưng sự thật là bạn đang sử dụng tất cả chúng, mỗi khi bạn gọi một hàm.

những returnđây là một cá trích đỏ. Có lẽ thú vị là sự biến đổi sau đây:

function add(a, b) {
  return (
    console.log(a + b),
    console.log(arguments)
  );
}

console.log(add(2, 2));

đầu ra là dòng cuối cùng

undefined

vì hàm thực sự không trả về bất cứ thứ gì. (Nó sẽ trả về giá trị trả về của giây console.log, nếu có).

Vì nó là, mã hoàn toàn giống với

function add(a, b) {
    console.log(a + b);
    console.log(arguments);
}

console.log(add(2, 2));

Một cách thú vị để hiểu câu lệnh return là thông qua toán tử void Hãy xem đoạn mã này

var console = {
    log: function(s) {
      document.getElementById("console").innerHTML += s + "<br/>"
    }
}

function funReturnUndefined(x,y) {
   return ( void(x+y) );
}

function funReturnResult(x,y) {
   return ( (x+y) );
}

console.log( funReturnUndefined(2,3) );
console.log( funReturnResult(2,3) );

<div id="console" />

Vì returncâu lệnh nhận một đối số là [[expression]]và trả lại điều này cho người gọi trên ngăn xếp, tức là arguments.callee.callernó sẽ thực thi void(expression)và sau đó trả về undefinedđó là đánh giá của toán tử void.