javascript - Pengisytiharan fungsi dan pembolehubah yang diisytiharkan wujud pada masa yang sama, apakah peraturan untuk promosi?

Question

Kami tahu bahawa pengisytiharan pembolehubah akan dinaikkan pangkat: {code...} Pada masa yang sama, pengisytiharan fungsi juga akan dinaikkan pangkat: {code...} Jadi, apabila terdapat kedua-dua pembolehubah dan pengisytiharan fungsi, siapa yang akan dinaikkan pangkat ke peringkat lebih tinggi? Bagaimana untuk menyusun? Contohnya: {kod...} Adakah begitu? {kod...} Kerana dalam "Anda..."

仅有的幸福 · Answer

Pernyataan "naik pangkat dulu" ini sebenarnya disalah ertikan. Spesifikasi tidak dalam susunan tertentu (jika anda berminat dengan pelaksanaan V8, anda boleh membaca di sini).

var 的提升是声明跟赋值分开，function Penambahbaikan ialah keseluruhan penambahbaikan, jadi

var a = 1;
a();
function a(){};

akan menjadi seperti ini

var a;
function a(){};
a = 1;
a();

Jadi ada kesan fungsi yang dipromosikan dahulu.

巴扎黑 · Answer

Pertama sekali, kita boleh bahagikan kepada 4 isi kandungan

var a ;
a =1;
foo();
function foo();

Kami ingin tahu bagaimana rupa format pengisihan selepas promosi?
Syarat semasa yang diketahui ialah pengisytiharan pembolehubah akan dinaikkan pangkat kepada sebelum penugasan pembolehubah, jadi kita boleh meletakkan perisytiharan pembolehubah dalam dua digit pertama dahulu, tanpa mengira susunan dalamannya buat masa ini:

var a ;
function foo(){};
a=1;
foo();

Seterusnya, mari tentukan susunan dalaman modul pengisytiharan dan tugasan masing-masing.
Untuk menjalankan eksperimen, kami mengembangkan fungsi foo, jadi susunan semasa ialah:

var a;
function foo(){console.log(a+1)};
a=1;
foo();

Jangan risau mengapa kami mengubahnya seperti ini. Kami akan memahaminya semasa percubaan.
Untuk memudahkan pemahaman, eksperimen dijalankan dalam dua kali.
Pertama: kami bereksperimen dengan modul pengisytiharan berubah-ubah.

var a=1;
console.log(foo);//若输出为function foo(){}则证明函数声明位于变量声明之前;若为undefined,说明相反。
foo();
function foo(){console.log(a+1)};

Kemudian: kami bereksperimen dengan modul tugasan boleh ubah.

var a=1;
foo();//若输出为undefined1，则证明foo()在a=1之前；若输出为2,则说明a=1在foo()之前。
function foo(){console.log(a+1)};

Jom buat eksperimen:

var a=1;
console.log(foo);//若输出为function foo(){}则证明函数声明位于变量声明之前;若为undefined,说明相反。
foo();
function foo(){console.log(a+1)};

VM1099:2 function foo(){console.log(a+1)}
VM1099:4 2

Berdasarkan keputusan percubaan, keputusan ranking terakhir kami ialah:

function foo(){};
var a;
a=1;
foo();

黄舟 · Answer

var a = 1;
foo();
function foo(){};
提升之后
function foo(){};
var a;
a = 1;
foo();

给你举个更明显的例子
console.log(1, foo, typeof foo);
var foo = "变量";
console.log(2, foo, typeof foo);
function foo(){
    console.log("函数声明");
}
console.log(3, foo, typeof foo);
=》
function foo(){
    console.log("函数声明");
}
var foo;
console.log(1, foo, typeof foo);
foo = "变量";
console.log(2, foo, typeof foo);
console.log(3, foo, typeof foo);
输出为：
1 function foo(){
    console.log("函数声明");
} "function"
2 "变量" "string"
3 "变量" "string"