簡單解釋7個主要JavaScript概念

為人類而寫。 帶有代碼片段。 在5分鐘內。

簡單解釋7個主要JavaScript概念

> Work Hard by Uran

術語的目的是將一個特定的想法封裝成一個優美而緊湊的詞。 但是,如果您不瞭解單詞的含義,就會失去意義。

在開發人員世界中,更高級的主題通常是遙不可及的,並且常常使新開發者望而卻步。 部分原因是因為他們好像在讀一本外國小說。 字母和單詞可能看起來很熟悉,但是沒有意義。

而且很難理解所有內容,尤其是如果您必須不斷停下第二個單詞來弄清楚句子試圖告訴您的內容時。

在本文中,我決定編譯我經常發現自己會為新開發人員翻譯的前7個概念。 我希望您發現他們對成為更好的開發人員有用。

本文的重點是作為思想的參考/摘要,以幫助您儘快著手解決問題。 每個術語本身都是一個主題,但出於篇幅和易讀性的目的,我將其儘可能地簡化為核心思想。

本書內容遠不止這些,但總的來說,它抓住了每個單詞試圖傳達的實質。

希望您發現它們有用。

1.不變性

數據形狀不變時。

因此,如果您有一個進入函數的對象,則它以完全相同的形式從它中出來。 附加到它的數據可以更改,但參數的數量,名稱和順序不能更改。

例如,這是一個突變:

<code>function changeMe(someObject){ 
someObject.age = 3;
return someObject;
}
let exampleOne = {"cat": "Tibbers" };
console.log(changeMe(exampleOne));/<code>

該函數更改對象的形狀,這意味著它是可變的。

2.陳述式

無論您按什麼順序進行操作,基本規則都可以確保您每次都能獲得相同且正確的結果。

(2 x 5) + 8 - 3 = 15

因此,如果您移動順序,您仍將獲得相同的結果。

- 3 + (2 x 5) + 8 = 158 - 3 + (2 x 5) = 15

在JavaScript編程中,聲明性模式是函數的順序與最終結果的構造無關緊要的地方。 您可以按任何順序調用它們。 順序無關緊要。

3.遞歸

當函數繼續調用自身直到滿足特定條件時。

不,這不是for循環。 聽起來可能是這樣,但事實並非如此。

for循環是JavaScript的條件方法。 遞歸是一個不斷調用自身的完整函數。

這意味著遞歸有兩個部分-基於特定條件的調用和exit子句。 您的退出子句基本上就是在遞歸結束時發生的事情。

這是一個簡單的潛在遞歸:

<code>function sumProfit(sales){ 
if(//condition for ending){
return theFinalObjectOrResult;
} else {
//do something. Reduce the condition.
return sumProfit(reducedCondition);
}
}/<code>

4.回調

回調是在另一個函數執行完畢後才執行的函數。

我們為什麼需要這個? 因為JavaScript是事件驅動的-意味著它不等待響應。 當事情以自給自足的方式運行時,這無關緊要。

當您開始依賴外部響應(例如API)時,情況就變得很嚴重。 延遲是您的JavaScript代碼發送請求並將其接收回來所花費的時間。

在JavaScript看來,它已經完成了工作-它已成功執行了代碼。

但是,實際上,您仍在等待回應。 有時,您會通過諾言或延遲計時器迫使代碼冷靜下來,放鬆一下,等待片刻。 確認完成後,您可以調用callback()函數。

無論如何,這是回調的樣子:

<code>function waitForMeeeee(someValues, callback){ 
//do something with someValues
callback(); }
waitForMeeeee('The answer is 42', function(){
alert('all done now'); }
);/<code>

您還可以抽象出回調,並使其如下所示:

<code>function waitForMeeeee(someValues, callback){ 
//do something with someValues
callback();
}

function allDone(){
alert('all done now');
}

waitForMeeeee('The answer is 42', allDone);/<code>

5.異步

想想一條直線。 您的JavaScript代碼從一端執行到另一端。 但是有時候,您需要暫停一下,只是在您跑到外部來源搶東西的那一刻。

暫停的時刻是JavaScript的異步部分。

關鍵字async還返回隱式的Promise。

隱式是什麼意思? 默認情況下,它返回一個promise。

什麼是諾言? 這是告訴您的代碼等待的原因,因為完成某些工作會有所延遲。 例如,您在等待外部API用正確的數據響應。

為什麼這很重要? 因為您可以將then()與異步函數一起使用。

那麼()是什麼? 您的回調相當於基於承諾的函數,可讓您在承諾完成執行後執行操作。

看起來像什麼? 這是一個例子:

<code>async function doSomething(){ 
//do something there.
return 'woot!';}
doSomething().then(function(result){ console.log(result);});/<code>

或者,如果您真的想使承諾部分明確:

<code>async function doSomething(){ 
//do something there.
return Promise.resolve('woot!');
}
doSomething().then(function(result){ console.log(result);});/<code>

6.代理

將其視為對象的附加擴展。 可以針對已存在的事物創建自定義行為。

在某種程度上,它還充當原始對象和其他功能之間的中介。

是。 代理可以更改和處理數據。

是。 除其他事項外,它通常用作驗證檢查器。

它是如何工作的?

代理包含三個部分-處理程序,陷阱(即方法)和目標。

有13個可用於代理的陷阱。 您需要對它們進行Google搜索,因為這超出了本文的範圍。

這是一個已實施陷阱的代理示例:

<code>let handler = { 
get: function(theObjectPassed, theObjectName){
//some checking logic
console.log(theObjectPassed, theObjectName);
return 'all done' ; }
}

let someObject = { a: 1, b: 2};
let valueName = new Proxy(someObject, handler);
console.log(valueName.someObject);/<code>

代理的功能遠不止於此,但是示例只是一個起點。

7.垃圾收集

一切都佔用內存。 初始化變量後,將為其分配一點空間。

內存僅在調用時初始化。 因此,當一個函數運行並且內部有變量時,它的存在只會持續到該函數需要它的時間。 它不會停留在周圍。

垃圾收集是清除內存的方式。

內存洩漏是指由於在全局空間中聲明瞭變量而沒有進行垃圾回收的情況,這會造成汙染並佔用不必要的空間。

這太多了,您的應用程序可能會變慢。

因此,請儘可能保留變量,並使用null取消初始化不需要的內容

(本文翻譯自Aphinya Dechalert的文章《7 Major JavaScript Concepts Explained Simply》,參考:https://medium.com/javascript-in-plain-english/7-major-javascript-concepts-explained-simply-45b0f3336f28)


分享到:


相關文章: