Masalah promosi pengecam dalam petua JavaScript_javascript

JS mempunyai promosi berubah-ubah Reka bentuk ini sebenarnya kurang baik, atau ia adalah kesan sampingan daripada pelaksanaan bahasa. Ia membenarkan pembolehubah diakses tanpa pengisytiharan, atau diisytiharkan kemudian dan digunakan dahulu. Pemula keliru dengan ini, malah ramai veteran yang telah menggunakan JS selama bertahun-tahun keliru. Tetapi selepas ES6 menambah let/const, pembolehubah Hoisting tidak lagi wujud.

1. Pembolehubah tidak diisytiharkan, gunakannya terus

function test() {
  alert(notDefined);
}
test(); // ?

Adalah lumrah untuk melaporkan ralat

2. Pengisytiharan berubah pada akhir

function test() {
  alert(declaredButNotAssigned); // undefined
  var declaredButNotAssigned;
}
test();

Output tidak ditentukan, hasilnya dipertingkatkan berbanding contoh di atas, tiada ralat dilaporkan, kod boleh dijalankan, tetapi nilai pembolehubah mungkin tidak seperti yang diharapkan oleh pengaturcara.

3 Isytiharkan pembolehubah pada penghujung dan tetapkan nilai kepada pembolehubah pada masa yang sama

function test() {
  alert(declaredAndAssigned); // undefined
  var declaredAndAssigned = 1;
}
test();

Hasilnya sama dengan dua. Jelas sekali, 1 tidak akan dikeluarkan hanya kerana tugasan.

Kedua-dua dua dan tiga mempunyai pengangkat boleh ubah (Pengangkat), ditakrifkan secara ringkas

Promosi pembolehubah: Dalam skop yang ditentukan, dari segi susunan kod, pembolehubah digunakan dahulu dan kemudian diisytiharkan, tetapi "kebolehaksesan" pembolehubah semasa masa jalan dinaikkan ke bahagian atas skop semasa dan nilainya tidak ditentukan , dan tiada "ketersediaan" ".

Penekanan di sini adalah pada "perintah kod" dan "perintah berjalan" kerana kebanyakan masa kod yang kita tulis dilaksanakan secara berurutan, iaitu, "perintah kod" dan "perintah berjalan" adalah konsisten. Ini juga selaras dengan proses pemikiran otak manusia. Contohnya, pengaturcara yang berpengalaman dalam bahasa C

#include <stdio.h>
int main() {
  int x = 1;
  printf("%d, ", x); // 1
}

Dua baris kod, mula-mula isytiharkan jenis integer x, dan kemudian keluarkannya. Urutan kod dan urutan berjalan adalah konsisten, iaitu, operasi biasa.

Jika pesanan terbalik

#include <stdio.h>
int main() {
  printf("%d, ", x); // error
  int x = 1;
}

Pada ketika ini, kompilasi tidak boleh lulus. Tetapi ia boleh ditulis secara terbalik dalam JS, lihat 2 dan 3.

Oleh itu, pengaturcara yang berpengalaman dalam bahasa seperti C tahu bahawa pembolehubah perlu diisytiharkan dahulu dan kemudian digunakan, jika tidak ralat akan dilaporkan. Dalam JS, terdapat fenomena promosi berubah-ubah, yang boleh digunakan dahulu dan kemudian diisytiharkan Pengalaman C digunakan dalam JS, dan kekeliruan timbul.

4. Ungkapan fungsi juga mempunyai promosi berubah-ubah

function test() {
  alert(func); // undefined
  var func = function() {};
}
test();

Tetapi jika anda mahu menggunakan func ini, ia tidak boleh

function test() {
  alert(func); // undefined
  func(); // 报异常
  var func = function() {};
}
test();

Fungsi hasil tidak ditentukan dan fungsi panggilan akan melaporkan pengecualian. Kebolehcapaian dan ketersediaan disebut dalam definisi di atas dan sepadan dengan pernyataan berikut.

Kebolehcapaian: alert(func), output tidak ditentukan, boleh dijalankan, func boleh diakses.

Ketersediaan: func() melaporkan pengecualian dan func tidak boleh dipanggil seperti biasa, menunjukkan tiada ketersediaan.

Kedua, ketiga dan keempat adalah semua pembolehubah yang diisytiharkan menggunakan var Perisytiharan fungsi dalam JS juga akan dipertingkatkan, tetapi "pembolehubah" ini adalah jenis fungsi (boleh digunakan sebagai fungsi, kaedah atau pembina). . Namanya (pengecam) juga dinaikkan ke bahagian atas skop semasa.

5. Nama pengisytiharan fungsi juga akan dinaikkan ke bahagian atas skop semasa

function test() {
  alert(f1); // function
  f1(); // "called"
  function f1() {
    alert('called');
  }
}
test();

Kami melihat bahawa f1 diisytiharkan pada penghujung kod dan f1 digunakan terlebih dahulu Kedua-dua amaran(f1) dan f1() dilaksanakan secara normal, menunjukkan bahawa kebolehaksesan dan kebolehgunaan kedua-duanya hadir.

Seperti yang dinyatakan sebelum ini, pengangkatan berubah-ubah tidak berguna. Ia adalah reka bentuk bahasa yang tidak baik. Ciri ini juga akan muncul dalam banyak soalan temu duga syarikat besar

Soalan 1:

// 写出以下代码的运行结果
var a = 1;
function fn() {
  if (!a) {
    var a = 2;
  }
  alert(a); // ?
}
fn();

Soalan 2:

// 写出以下代码的运行结果
var a = 1;
function fn() {
  a = 2;
  return;
  function a() {}
}
fn();
alert(a); // ?

Tetapi ini semua berakhir dengan ketibaan let/const dalam ES6 Kecuali untuk pembolehubah global, semua yang lain dalam ES menggunakan let/const Selepas menggantikan var dengan let, promosi pembolehubah tidak lagi wujud.

function test() {
  alert(declaredButNotAssigned1); // 报异常
  alert(declaredButNotAssigned2); // 报异常
  alert(func); // 报异常
 
  let declaredButNotAssigned1;
  let declaredButNotAssigned2 = true;
  let func = function() {};
}
test();

Ini memaksa pengaturcara untuk membangunkan tabiat yang baik Pembolehubah perlu "diisytiharkan dahulu dan kemudian digunakan", jika tidak, ralat akan dilaporkan.

Berikut dipetik daripada penerangan MDN tentang promosi berubah-ubah apabila tidak berlaku

Salin kod Kod adalah seperti berikut:

Dalam ECMAScript 6, biarkan tidak menaikkan pembolehubah ke bahagian atas blok Jika anda merujuk pembolehubah dalam blok sebelum pengisytiharan biarkan pembolehubah itu ditemui, ini menghasilkan ReferenceError, kerana pembolehubah berada dalam "mati sementara. zon" dari permulaan blok sehingga pengisytiharan diproses.

Selepas menggunakan let untuk mengisytiharkan pembolehubah, typeof tidak lagi selamat

if (condition) {
  alert(typeof num); // Error!
  let num = 100;
}
 

Pada masa lalu, anda boleh menggunakan typeof == 'undefined' untuk menentukan sama ada lib tertentu telah diperkenalkan, seperti jQuery

// 判断jQuery是否引入了
if (typeof $ !== 'undefined') {
  // do something
}...

jQuery tidak diperkenalkan dan $ tidak diisytiharkan Ayat ini tidak akan melaporkan ralat dan menjejaskan pelaksanaan kod berikut, tetapi jika ia diisytiharkan oleh let, ralat akan dilaporkan.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.