Lihat soalan temu duga bahagian hadapan ini untuk membantu anda menguasai mata pengetahuan frekuensi tinggi (8)
青灯夜游
Lepaskan： 2023-03-06 19:22:41
ke hadapan
2394 orang telah melayarinya
Artikel ini meringkaskan beberapa soalan temu duga JavaScript untuk anda dan membantu anda menguasai mata pengetahuan frekuensi tinggi, saya harap ia akan membantu semua orang.
var, let, const
Perbezaan antara ketiganya
区别
let
const
var
重复声明
不能重复声明，会报SyntaxError错
const 定义常量，值不能修改的变量叫做常量，一定要赋初始值，因为不能修改。
可以重复声明
块级作用域
拥有
拥有
不拥有
会不会污染全局变量(挂载在window上)
不会
不会
会
Penjelasan 1. Promosi pembolehubah juga wujud untuk let dan const, tetapi kaedah promosi adalah berbeza
promosi pembolehubah var: pengisytiharan pembolehubah dinaikkan ke atas, dan nilai ialah undefined
promosi pembolehubah biarkan dan const: perisytiharan pembolehubah dinaikkan ke atas, tetapi pembolehubah ditandakan sebagai 尚未初始化 biarkan dan const wujud 暂时性死区, dan tidak boleh digunakan untuk tempoh masa semasa pelaksanaan kod. Pengecam tidak boleh merujuk kepada pembolehubah dalam skop luar.
let answer;
function fn(){
//如果此时没有将变量变量提升到这里，answer应该取外层answer的值
console.log(answer); //Uncaught ReferenceError: Cannot access 'answer' before initialization
let answer=42;
}
Salin selepas log masuk
2.Pembolehubah global yang dicipta oleh var->Atribut bagi objek global, pembolehubah let dan const yang diisytiharkan dalam skop global->Bukan atribut bagi objek global
3 Jika pemalar ialah tatasusunan atau objek, pengubahsuaian kepada elemen dalamannya tidak dikira sebagai pengubahsuaian kepada pemalar, dan tiada ralat akan dilaporkan. Pemalar menghala ke alamat, dan tiada ralat akan dilaporkan jika alamat itu kekal tidak berubah.
Promosi pembolehubah dan promosi fungsi
Promosi perisytiharan pembolehubah Pembolehubah ditakrifkan (diisytiharkan) melalui var, boleh diakses sebelum pernyataan definisi, tetapi nilainya tidak ditentukan
Promosi pengisytiharan fungsi Fungsi yang diisytiharkan melalui fungsi boleh dipanggil terus sebelum. Nilai ialah badan fungsi
//变量提升先于函数提升,提升后被函数声明function覆盖,所以就算换了顺序也是function
function a(){
}
var a ;
console.log(typeof a); //function
var f1 = function () {
console.log(1);
}
function f1 () {
console.log(2);
}
f1() ; //1
//变量提升后
var f1;//变量提升
function f1(){};//函数提升
f1 = function () {
console.log(1);
}
f1() ;
Pemahaman: Kawasan di mana segmen kod terletak, adalah statik dan ditentukan semasa menulis kod. Fungsi: Pengikatan pembolehubah adalah sah dalam skop ini , asingkan pembolehubah dan tidak akan ada konflik dengan pembolehubah dengan nama yang sama dalam skop yang berbeza. Klasifikasi skop
Skop global
Skop fungsi
Skop peringkat blok
Rantai skop: Berbilang skop bersarang, pilih yang terdekat, cari dahulu dalam skop anda sendiri, kemudian pergi ke skop terdekat.
Skop fungsi telah ditentukan apabila ia diisytiharkan, dan tiada kaitan dengan kedudukan panggilan Jadi apabila melaksanakan aaa(), ia mula-mula mencari dalam skop daripada aaa, tetapi ia tidak ditemui a, kemudian pergi ke tetingkap skop induk dan cari a=10
var a = 10;
function aaa() {
alert(a);
}
function bbb() {
var a = 20;
aaa();
}
bbb();
Salin selepas log masuk
Konteks pelaksanaan
pelaksanaan JavaScript semasa Abstraksi persekitaran Setiap kali JavaScript mula melaksanakan, ia berjalan dalam konteks pelaksanaan.
Konteks pelaksanaan global: Tentukan tetingkap sebagai konteks pelaksanaan global sebelum melaksanakan kod global
Praproses data global
Pembolehubah global ditakrifkan oleh var --> tidak ditentukan, tambah fungsi global yang diisytiharkan sebagai sifat tetingkap
fungsi --> tetingkap
ini --> Tetapkan tetingkap
Mula melaksanakan kod global
Pelaksanaan fungsi konteks: Sebelum memanggil fungsi dan bersedia untuk melaksanakan badan fungsi, cipta objek konteks pelaksanaan fungsi yang sepadan
Praproses data setempat
Pembolehubah parameter formal--> Tugasan (parameter sebenar)–> ditambahkan pada pembolehubah setempat yang ditakrifkan oleh atribut
var konteks pelaksanaan fungsi –>tidak ditentukan, ditambah pada fungsi yang diisytiharkan oleh atribut
fungsi konteks pelaksanaan fungsi –> (Badan fungsi), tambahkan kaedah sebagai konteks pelaksanaan fungsi
tugasan ini–>
Timbunan konteks pelaksanaan
1. Sebelum kod global dilaksanakan, enjin JS akan mencipta tindanan untuk menyimpan dan mengurus semua objek konteks pelaksanaan
2. Selepas konteks pelaksanaan global ( tetingkap) ditentukan, Tambahnya pada tindanan (tolak)
3. Selepas konteks pelaksanaan fungsi dibuat, tambahkannya pada tindanan (tolak)
4. Selepas pelaksanaan fungsi semasa selesai, keluarkan objek pada bahagian atas tindanan (Pop tindanan) 5. Apabila semua kod dilaksanakan, hanya tetingkap
skop
< th>Konteks pelaksanaan
Mentakrifkan beberapa fungsi + 1 = beberapa skop
Melaksanakan beberapa fungsi + 1 = Beberapa konteks pelaksanaan
Ia ditentukan apabila fungsi ditakrifkan Ia sentiasa wujud dan tidak akan berubah lagi Ia adalah statik
Persekitaran konteks pelaksanaan global adalah nyata. Selepas skop global ditentukan, yang dibuat sebelum kod js dilaksanakan dibuat apabila fungsi dipanggil dan dikeluarkan selepas panggilan fungsi selesai. Ia adalah dinamik
var foo = 1;
function bar () {
console.log(foo);
var foo = 10;
console.log(foo);
}
bar();
//变量提升后
var foo = 1;
function bar () {
var foo = undefined;
console.log(foo); //undefined
foo = 10;
console.log(foo);//10
}
bar();
Salin selepas log masuk
如何用ES5实现let和const
let ：使用立即执行函数创造出一个块级作用域
(function(){
var a = 1;
console.log('内部a:', a);
})();
var __const = function __const(data, value) {
this.data = value // 把要定义的data挂载到某个对象，并赋值value
Object.defineProperty(this，data, { // 利用Object.defineProperty的能力劫持当前对象，并修改其属性描述符
enumerable: false,
configurable: false,
get: function () {
return value
},
set: function (data) {
if (data !== value) { // 当要对当前属性进行赋值时，则抛出错误！
throw new TypeError('Assignment to constant variable.')
} else {
return value
}
}
})
}
//然后和立即执行函数结合
(function(){
var obj = {}
_const.call(obj,'a',10)
})()
//当执行完毕后，全局上就不会有obj，也不会有obj.a这个变量，进而实现了块级作用域的功能
Salin selepas log masuk
代码输出题
function a(){
a.name ='aaa';
return this.name;
}
var b = {
a,
name:'bbb',
getName:function(){
return this.name;
}
}
var c =b.getName;
console.log(a()); //this指向window,window上没有name,所以输出undefined
console.log(b.a()); //b.a 是function,b调用a函数，所以this指向b，所以输出'bbb'
console.log(b.getName);//通过b调用getName，所以getName指向b,所以输出'bbb'
console.log(c());//c是function，this指向window，window上没有name,所以输出undefined
function foo(){
var a=2;
function bar(){ //覆盖foo()内部作用域的闭包
console.log(a++);
}
return bar;
}
var bar = foo(); //foo执行创建一个执行上下文环境，由于bar引用了其内部变量，也就是bar持有foo本次执行上下文的引用，foo本次的执行上下文不会被销魂
bar();//2
bar();//3
var fn = foo(); //foo执行创建一个新的执行上下文环境，fn持有了foo本次执行上下文的引用
fn();//2
Atas ialah kandungan terperinci Lihat soalan temu duga bahagian hadapan ini untuk membantu anda menguasai mata pengetahuan frekuensi tinggi (8). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
