Apa jenis kata kunci 'kembali' itu?

Kami menggunakan pernyataan kembali secara opsional dalam fungsi JavaScript. Itu kata kunci. Tapi apa tipe sebenarnya dari returndirinya sendiri. Sebenarnya saya sempat bingung melihat contoh:

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

add(2, 2);

Keluaran:

4
[2, 2]

Jadi, kita bisa meneruskan ekspresi yang dipisahkan koma ke dalam returnpernyataan. Apakah ini sebuah fungsi?

Dan mulai dengan ini, dapatkah kita menebak dengan liar bahwa setiap kata kunci di JavaScript pada akhirnya adalah sebuah fungsi?

Saya telah menulis blog kecil sebagai inti dari diskusi ini. Anda mungkin ingin memeriksanya di sini .

Tapi apa sebenarnya jenis 'pengembalian' itu sendiri.

Itu tidak memiliki tipe, itu bukan nilai.

Mencoba typeof return;akan memberi Anda Unexpected token return.

Jadi, kita bisa meneruskan ekspresi yang dipisahkan koma ke dalam pernyataan return. Apakah ini sebuah fungsi?

Tidak, meskipun tanda kurung dapat digunakan untuk memanggil suatu fungsi, di sini mereka adalah operator pengelompokan yang berisi beberapa ekspresi yang dipisahkan oleh operator koma .

Demonstrasi yang lebih berguna adalah:

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

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

Output mana 0karena hasil a + bdiabaikan (di sebelah kiri operator koma) dan a - bdikembalikan.

Saya agak terkejut bahwa tidak ada orang di sini yang secara langsung mereferensikan spesifikasi :

12.9 Sintaks Pernyataan return ReturnStatement: return; kembali [tidak ada LineTerminator di sini] Ekspresi;

Semantik

Program ECMAScript dianggap tidak benar secara sintaksis jika program tersebut berisi pernyataan pengembalian yang tidak berada dalam FunctionBody. Pernyataan kembali menyebabkan fungsi menghentikan eksekusi dan mengembalikan nilai ke pemanggil. Jika Ekspresi dihilangkan, nilai yang dikembalikan tidak ditentukan. Jika tidak, nilai yang dikembalikan adalah nilai Ekspresi.

ReturnStatement dievaluasi sebagai berikut:

Jika Ekspresi tidak ada, kembali (return, undefined, empty). Membiarkan exprRefmenjadi hasil evaluasi Ekspresi. Kembali (return, GetValue(exprRef), empty).

Jadi, karena spesifikasinya, contoh Anda berbunyi:

return ( GetValue(exprRef) )

dimana exprRef = console.log(a + b), console.log(arguments)

Yang menurut spek pada operator koma ...

Semantik

Ekspresi produksi: Ekspresi, Ekspresi Tugas dievaluasi sebagai berikut:

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

... berarti bahwa setiap ekspresi akan dievaluasi hingga item terakhir dalam daftar koma, yang menjadi ekspresi tugas. Jadi kode Anda return (console.log(a + b) , console.log(arguments))akan

1.) mencetak hasil a + b

2.) Tidak ada yang tersisa untuk dieksekusi, jadi jalankan ekspresi berikutnya yaitu

3.) mencetak arguments, dan karena console.log()tidak menentukan pernyataan pengembalian

4.) Mengevaluasi menjadi tidak terdefinisi

5.) Yang kemudian dikembalikan ke pemanggil.

Jadi jawaban yang benar adalah, returntidak memiliki tipe, ini hanya mengembalikan hasil dari beberapa ekspresi.

Untuk pertanyaan selanjutnya:

Jadi, kita bisa meneruskan ekspresi yang dipisahkan koma ke dalam pernyataan return. Apakah ini sebuah fungsi?

Tidak. Koma dalam JavaScript adalah operator, yang ditentukan untuk memungkinkan Anda menggabungkan beberapa ekspresi menjadi satu baris, dan ditentukan oleh spesifikasi untuk mengembalikan ekspresi yang dievaluasi dari apa pun yang terakhir dalam daftar Anda.

Kamu masih tidak percaya padaku?

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

Mainkan kode itu di sini dan ubah dengan nilai terakhir dalam daftar. Itu akan selalu mengembalikan nilai terakhir dalam daftar, dalam kasus Anda itu terjadi begitu sajaundefined.

Untuk pertanyaan terakhir Anda,

Dan mulai dengan ini, dapatkah kita menebak dengan liar bahwa setiap kata kunci di JavaScript pada akhirnya adalah sebuah fungsi?

Sekali lagi tidak. Fungsi memiliki definisi yang sangat spesifik dalam bahasanya. Saya tidak akan mencetak ulang di sini karena jawaban ini sudah menjadi sangat panjang.

Menguji apa yang terjadi ketika Anda mengembalikan nilai dalam tanda kurung:

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

console.log(foo());

Memberikan jawabannya 2, sehingga tampak bahwa daftar nilai yang dipisahkan koma mengevaluasi ke elemen terakhir dalam daftar.

Sungguh, tanda kurung tidak relevan di sini, mereka mengelompokkan operasi alih-alih menandai panggilan fungsi. Namun, yang mungkin mengejutkan adalah bahwa koma legal di sini. Saya menemukan entri blog yang menarik tentang cara menangani koma di sini:

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

returnbukanlah sebuah fungsi. Ini adalah kelanjutan dari fungsi tempat terjadinya.

Pikirkan tentang pernyataan di alert (2 * foo(bar));mana foonama suatu fungsi. Saat Anda mengevaluasinya, Anda melihat bahwa Anda harus mengesampingkan pernyataan lainnya sejenak untuk berkonsentrasi pada evaluasi foo(bar). Anda dapat memvisualisasikan bagian yang Anda sisihkan sebagai sesuatu seperti alert (2 * _), dengan kosong untuk diisi. Ketika Anda tahu apa nilainya foo(bar), Anda mengambilnya lagi.

Hal yang Anda sisihkan adalah kelanjutan panggilan foo(bar).

Memanggil returnmemberi nilai pada kelanjutan itu.

Saat Anda mengevaluasi suatu fungsi di dalam foo, sisa waktu foomenunggu fungsi tersebut berkurang menjadi nilai, lalu foomengambilnya kembali. Anda masih punya tujuan untuk mengevaluasi foo(bar), itu hanya dijeda.

Ketika Anda mengevaluasi returndi dalam foo, tidak ada bagian dari foomenunggu nilai. returntidak mengurangi nilai di tempat di dalam footempat Anda menggunakannya. Alih-alih, hal itu menyebabkan seluruh panggilan foo(bar) berkurang menjadi suatu nilai, dan tujuan "evaluasi foo(bar)" dianggap selesai dan dilenyapkan.

Orang biasanya tidak memberi tahu Anda tentang kelanjutan ketika Anda baru mengenal pemrograman. Mereka menganggapnya sebagai topik maju, hanya karena ada yang beberapa hal yang sangat canggih bahwa orang akhirnya melakukan dengan keberlanjutan. Tapi kenyataannya, Anda menggunakannya selama ini, setiap kali Anda memanggil suatu fungsi.

di returnsini adalah ikan haring merah. Mungkin yang menarik adalah variasi berikut:

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

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

yang dihasilkan sebagai baris terakhir

undefined

karena fungsinya tidak benar-benar mengembalikan apa pun. (Ini akan mengembalikan nilai pengembalian dari detik console.log, jika ada).

Karena itu, kodenya persis sama dengan

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

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

Cara yang menarik untuk memahami pernyataan return adalah melalui operator void. Lihatlah kode ini

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" />

Karena returnpernyataan tersebut mengambil satu argumen [[expression]]dan mengembalikan ini ke pemanggil pada stack yaitu arguments.callee.callerkemudian akan dieksekusi void(expression)dan kemudian kembali undefineditulah evaluasi dari operator void.