快捷導(dǎo)航

8個(gè)開(kāi)發(fā)者必須知道的JavaScript深層概念(推薦)

更新時(shí)間：2022年10月26日 11:50:16 作者：Young丶

JavaScript有一個(gè)名為“調(diào)用堆棧”（Call Stack）的簡(jiǎn)單列表，它逐一管理任務(wù)（堆棧算法），但是當(dāng)異步任務(wù)被傳遞時(shí)，JavaScript會(huì)把它彈出到web API，瀏覽器就會(huì)處理它，這篇文章主要介紹了8個(gè)開(kāi)發(fā)者必須知道的JavaScript深層概念，需要的朋友可以參考下

1. 作用域（scope）

簡(jiǎn)而言之，作用域就是“你可以在代碼中訪問(wèn)聲明的地方”。

我們有兩種作用域：全局作用域和局部作用域，區(qū)別在于你可以在代碼的任何地方訪問(wèn)全局作用域，但局部作用域在塊內(nèi)聲明，所以你只能在塊內(nèi)訪問(wèn)它們。

注意，var關(guān)鍵字在變量提升部分中的表現(xiàn)可能略有不同。

{
// Local scope and correct
const access_inside_block = 'test';
console.log(access_inside_block);
}
// Error, you can't access the variable here
// You're not in the scope
console.log(access_inside_block);

2. 變量let和const的區(qū)別

現(xiàn)在我們知道了什么是作用域，所以可以猜測(cè)這里最大的區(qū)別之一就是這些關(guān)鍵字的作用域。

圖中所示的表比較了這些關(guān)鍵字

圖1.圖中所示的表比較了這些關(guān)鍵字

3. 變量提升（hoisting）

你可能經(jīng)常聽(tīng)到這個(gè)詞！但這到底是什么呢？簡(jiǎn)而言之，變量提升是JavaScript中的一種機(jī)制，一些聲明在執(zhí)行之前執(zhí)行該機(jī)制；比如冒泡，JS引擎會(huì)把它們提升到首位，并聲明它們的位置在其他之前，比如用于變量聲明的var關(guān)鍵字；用var引入的變量可以在賦值之前被調(diào)用，你會(huì)得到undefined的結(jié)果，或者用function關(guān)鍵字聲明的函數(shù)可以在JavaScript中聲明之前被調(diào)用。

foo();
function foo() {
// Your function code
}

4. IIFE

這個(gè)短語(yǔ)代表“立即調(diào)用的函數(shù)表達(dá)式”，這意味著聲明一經(jīng)定義就運(yùn)行的函數(shù)，允許將變量和函數(shù)設(shè)為私有，并確保循環(huán)中的異步代碼被正確執(zhí)行。

(function () {
// …
})();

5. 柯里化（Curring）

這是一種處理JavaScript函數(shù)的高級(jí)技術(shù)，它實(shí)際上轉(zhuǎn)換函數(shù)，讓你可以在不同的步驟中向函數(shù)傳遞參數(shù)，并使其在不同的步驟中可以調(diào)用。

function curry(f) {
    // curry(f) does the currying transform  
    return function(a) {
        return function(b) {
            return f(a, b);
        };
    };
}
// usage
function sum(a, b) {
    return a + b;
}
let curriedSum = curry(sum);
alert(curriedSum(1)(2));
// 3

6. 異步

在討論事件循環(huán)和web worker方面的內(nèi)容之前，我們應(yīng)該弄清楚對(duì)JavaScript而言的異步是什么，以及當(dāng)JavaScript是單線程語(yǔ)言時(shí)，它是如何處理的!

JavaScript是一種單線程同步編程語(yǔ)言，它本身不支持多線程或異步模式，但是借助瀏覽器（瀏覽器API）和JavaScript底層的某種機(jī)制，我們可以擁有異步JavaScript!

上圖確切地說(shuō)明了JavaScript引擎和我們從瀏覽器獲得的Web API所發(fā)生的事情，不妨解釋一下。

JavaScript有一個(gè)名為“調(diào)用堆棧”（Call Stack）的簡(jiǎn)單列表，它逐一管理任務(wù)（堆棧算法），但是當(dāng)異步任務(wù)被傳遞時(shí)，JavaScript會(huì)把它彈出到web API，瀏覽器就會(huì)處理它；比如setTimeout API，當(dāng)異步對(duì)象的結(jié)果準(zhǔn)備好時(shí)，瀏覽器會(huì)通過(guò)底層的某種機(jī)制把它調(diào)回到堆棧中。