簡單解釋7個主要JavaScript概念
術語的目的是將一個特定的想法封裝成一個優美而緊湊的詞。 但是，如果您不了解單詞的含義，就會失去意義。
在開發人員世界中，更高級的主題通常是遙不可及的，并且常常使新開發者望而卻步。 部分原因是因為他們好像在讀一本外國小說。 字母和單詞可能看起來很熟悉，但是沒有意義。
而且很難理解所有內容，尤其是如果您必須不斷停下第二個單詞來弄清楚句子試圖告訴您的內容時。
在本文中，我決定編譯我經常發現自己會為新開發人員翻譯的前7個概念。 我希望您發現他們對成為更好的開發人員有用。
本文的重點是作為思想的參考/摘要，以幫助您盡快著手解決問題。 每個術語本身都是一個主題，但出于篇幅和易讀性的目的，我將其盡可能地簡化為核心思想。
本書內容遠不止這些，但總的來說，它抓住了每個單詞試圖傳達的實質。
希望您發現它們有用。
感謝您的閱讀!
1.不變性
數據形狀不變時。
因此，如果您有一個進入函數的對象，則它以完全相同的形式從它中出來。 附加到它的數據可以更改，但參數的數量，名稱和順序不能更改。
例如，這是一個突變：
- function changeMe(someObject){
- someObject.age = 3;
- return someObject;
- }
- let exampleOne = {"cat": "Tibbers" };
- console.log(changeMe(exampleOne));
該函數更改對象的形狀，這意味著它是可變的。
2.陳述式
無論您按什么順序進行操作，基本規則都可以確保您每次都能獲得相同且正確的結果。
例如，該數學方程式遵循聲明性方法。
(2 x 5) + 8 - 3 = 15
因此，如果您移動順序，您仍將獲得相同的結果。
- 3 + (2 x 5) + 8 = 158 - 3 + (2 x 5) = 15
在JavaScript編程中，聲明性模式是函數的順序與最終結果的構造無關緊要的地方。 您可以按任何順序調用它們。 順序無關緊要。
3.遞歸
當函數繼續調用自身直到滿足特定條件時。
不，這不是for循環。 聽起來可能是這樣，但事實并非如此。
for循環是JavaScript的條件方法。 遞歸是一個不斷調用自身的完整函數。
這意味著遞歸有兩個部分-基于特定條件的調用和exit子句。 您的退出子句基本上就是在遞歸結束時發生的事情。
這是一個簡單的潛在遞歸：
- function sumProfit(sales){
- if(//condition for ending){
- return theFinalObjectOrResult;
- } else {
- //do something. Reduce the condition.
- return sumProfit(reducedCondition);
- }
- }
4.回調
回調是在另一個函數執行完畢后才執行的函數。
我們為什么需要這個? 因為JavaScript是事件驅動的-意味著它不等待響應。 當事情以自給自足的方式運行時，這無關緊要。
當您開始依賴外部響應(例如API)時，情況就變得很嚴重。 延遲是您的JavaScript代碼發送請求并將其接收回來所花費的時間。
在JavaScript看來，它已經完成了工作-它已成功執行了代碼。
但是，實際上，您仍在等待回應。 有時，您會通過諾言或延遲計時器迫使代碼冷靜下來，放松一下，等待片刻。 確認完成后，您可以調用callback()函數。
無論如何，這是回調的樣子：
- function waitForMeeeee(someValues, callback){
- //do something with someValues
- callback(); }
- waitForMeeeee('The answer is 42', function(){
- alert('all done now'); }
- );
您還可以抽象出回調，并使其如下所示：
- function waitForMeeeee(someValues, callback){
- //do something with someValues
- callback();
- }
- function allDone(){
- alert('all done now');
- }
- waitForMeeeee('The answer is 42', allDone);
5.異步
想想一條直線。 您的JavaScript代碼從一端執行到另一端。 但是有時候，您需要暫停一下，只是在您跑到外部來源搶東西的那一刻。
暫停的時刻是JavaScript的異步部分。
關鍵字async還返回隱式的Promise。
隱式是什么意思? 默認情況下，它返回一個promise。
什么是諾言? 這是告訴您的代碼等待的原因，因為完成某些工作會有所延遲。 例如，您在等待外部API用正確的數據響應。
為什么這很重要? 因為您可以將then()與異步函數一起使用。
那么()是什么? 您的回調相當于基于承諾的函數，可讓您在承諾完成執行后執行操作。
看起來像什么? 這是一個例子：
- async function doSomething(){
- //do something there.
- return 'woot!';}
- doSomething().then(function(result){ console.log(result);});
或者，如果您真的想使承諾部分明確：
- async function doSomething(){
- //do something there.
- return Promise.resolve('woot!');
- }
- doSomething().then(function(result){ console.log(result);});
6.代理
將其視為對象的附加擴展。 可以針對已存在的事物創建自定義行為。
在某種程度上，它還充當原始對象和其他功能之間的中介。
是。 代理可以更改和處理數據。
是。 除其他事項外，它通常用作驗證檢查器。
它是如何工作的?
代理包含三個部分-處理程序，陷阱(即方法)和目標。
有13個可用于代理的陷阱。 您需要對它們進行Google搜索，因為這超出了本文的范圍。
這是一個已實施陷阱的代理示例：
- 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);
代理的功能遠不止于此，但是示例只是一個起點。
7.垃圾收集
一切都占用內存。 初始化變量后，將為其分配一點空間。
內存僅在調用時初始化。 因此，當一個函數運行并且內部有變量時，它的存在只會持續到該函數需要它的時間。 它不會停留在周圍。
垃圾收集是清除內存的方式。
內存泄漏是指由于在全局空間中聲明了變量而沒有進行垃圾回收的情況，這會造成污染并占用不必要的空間。
這太多了，您的應用程序可能會變慢。
因此，請盡可能保留變量，并使用null取消初始化不需要的內容
