多年來(lái)，JavaScript發(fā)生了很大的變化，并已成為比較流行的語(yǔ)言之一。 這是我的，并且有很多開(kāi)發(fā)人員喜歡/首選的編碼語(yǔ)言，因此，您絕對(duì)應(yīng)該首先嘗試這10件事。

[[361146]]

This和Global

" this"是關(guān)于Javascript最令人困惑的事情之一，在ES2020中，我們獲得了" globalThis"，這無(wú)疑有助于簡(jiǎn)化事情并在其他" this"之間建立明確的區(qū)分。

之所以得到" globalThis"，是因?yàn)樵跒g覽器中，global是"窗口"，在NodeJs中是" global"，而在worker內(nèi)部是" self"。一團(tuán)糟吧?

一些語(yǔ)言(如swift和python)將其稱(chēng)為"self"，而其他語(yǔ)言(如Java)則將其稱(chēng)為" this"，而Javascript" this"的行為則有所不同。

" this"可以指對(duì)象或類(lèi)的實(shí)例。它也根據(jù)函數(shù)調(diào)用方式而變化。它是您所處的上下文，并且在嚴(yán)格和非嚴(yán)格模式下也會(huì)發(fā)生變化。需要更多理由真正嘗試掌握它嗎?

對(duì)象

Javascript中的一切都是對(duì)象。這應(yīng)該是尋求使用Javascript掌握對(duì)象的唯一原因，但讓我告訴您更多。

Class和Array是事物的兩個(gè)示例，它們只是底層的對(duì)象。要了解對(duì)象，您需要了解Javascript的原型性質(zhì)，包括原型繼承和原型。

這些屬性使Javascript如此靈活，并且是您可以使用Java進(jìn)行幾乎所有操作的核心原因之一。您使用的每個(gè)庫(kù)和工具都會(huì)在后臺(tái)使用對(duì)象原型，這會(huì)讓您想要?jiǎng)?chuàng)建東西。

類(lèi)

掌握對(duì)象之后，您必須掌握Class，這些Class只是對(duì)象和底層的構(gòu)造函數(shù)。

當(dāng)您了解對(duì)象時(shí)，您將了解Javascript類(lèi)的局限性和強(qiáng)大功能。如果您來(lái)自于面向?qū)ο蟮恼Z(yǔ)言，或者是對(duì)面向?qū)ο缶幊痰目駸釔?ài)好者，那么引入類(lèi)就可以使整體成為可能。

類(lèi)已成為開(kāi)發(fā)人員避免使用Javascript怪異的原型性質(zhì)而只關(guān)注于正在構(gòu)建的事物的首選方法。

作用域和閉包

我試圖向某人解釋作用域和閉包，這讓我很震驚。 人們常常被他們弄糊涂，并且沒(méi)有意識(shí)到作用域是如何在給定上下文的情況下對(duì)如何執(zhí)行代碼有很多要求的。

對(duì)我來(lái)說(shuō)，作用域是關(guān)于創(chuàng)建盒子，而閉包只是一個(gè)特殊的盒子。 我實(shí)際上創(chuàng)建了一個(gè)視頻試圖對(duì)其進(jìn)行解釋。 讓我知道你的想法?

了解作用域?qū)椭鷦?chuàng)建可一起使用的代碼，并且如果您喜歡封裝和函數(shù)式編程的想法，那么閉包只是您應(yīng)該使用的強(qiáng)大工具。

數(shù)據(jù)結(jié)構(gòu)

這是一個(gè)很大的話題，但是如果不了解數(shù)據(jù)結(jié)構(gòu)，就無(wú)法做我今天做的事情，也無(wú)法理解如何創(chuàng)建Web上的東西。

在任何語(yǔ)言中，尤其是在數(shù)組實(shí)際上不是數(shù)組的Java語(yǔ)言中，這都是一個(gè)重要的主題?

了解數(shù)據(jù)結(jié)構(gòu)是工程師的思維方式。這是一條真正使您與其他開(kāi)發(fā)人員區(qū)分開(kāi)的知識(shí)。

單線程，非阻塞，異步，并發(fā)

這幾乎就是Javascript的定義，并且理解它的含義是專(zhuān)業(yè)級(jí)的東西。

了解為什么Javascript是單線程的將告訴您它更適合哪種應(yīng)用程序。

我實(shí)際上閱讀了一篇不錯(cuò)的文章，但我建議您真正研究本節(jié)的標(biāo)題，并熟悉該語(yǔ)言。

Promise與異步等待

每當(dāng)我用其他語(yǔ)言編寫(xiě)代碼時(shí)，除了promise和async-await外，沒(méi)有什么比我玩的多，而且我喜歡Javascript Promise和Async await。

這是您需要了解Javascript如何工作的內(nèi)容。 承諾是神奇的，它為異步編程提供了很多目的。

Promises and async…await允許您偏離傳統(tǒng)的線性方式來(lái)執(zhí)行程序，該方法對(duì)于像Javascript這樣的單線程語(yǔ)言來(lái)說(shuō)，使其變得更強(qiáng)大，更快速，而無(wú)需花費(fèi)大量資源來(lái)創(chuàng)建專(zhuān)用線程。

Promises +單線程使Javascript成為構(gòu)建快速可靠的Rest Api和實(shí)時(shí)通信應(yīng)用程序的最佳選擇之一。

函數(shù)式編程

我認(rèn)為，沒(méi)有什么比Javascript的函數(shù)更勝一籌了。它選中每個(gè)框，這是僅次于Objects的第二種最強(qiáng)大的語(yǔ)言。

因?yàn)镴avascript如此靈活和豐富，它允許您以任何樣式進(jìn)行編程，其中之一就是函數(shù)式編程樣式。

您可以使用函數(shù)執(zhí)行任何操作，并且與函數(shù)有關(guān)的技巧無(wú)窮無(wú)盡。 如果您喜歡函數(shù)式或任何其他聲明式編程，則必須掌握函數(shù)。

控制流

這是任何語(yǔ)言的基礎(chǔ)。逐步學(xué)習(xí)如何工作將使您能夠?qū)⒑?jiǎn)單到復(fù)雜的算法組合在一起，從而使您可以創(chuàng)建更復(fù)雜的程序。

控制流正在理解如何逐步執(zhí)行事物以及它如何影響結(jié)構(gòu)。即使您沒(méi)有編寫(xiě)應(yīng)用程序，它也將幫助您快速調(diào)試和理解任何應(yīng)用程序。

網(wǎng)絡(luò)請(qǐng)求和Ajax

在某些時(shí)候，您將需要發(fā)出請(qǐng)求，并且處理通過(guò)網(wǎng)絡(luò)獲取的數(shù)據(jù)是一項(xiàng)必不可少的技能，尤其是現(xiàn)在數(shù)據(jù)是任何應(yīng)用程序的重要組成部分。

了解使用fetch或XHR API的方法將很方便，但您不僅限于此類(lèi)本機(jī)API。 目的是了解您在應(yīng)用程序中通過(guò)網(wǎng)絡(luò)獲取數(shù)據(jù)的方式。

在某些時(shí)候，您將不得不處理龐大的數(shù)據(jù)負(fù)載或依賴(lài)大量數(shù)據(jù)的應(yīng)用程序。

結(jié)論

您成為專(zhuān)業(yè)人士的方式就是這些小部分。通過(guò)大量的練習(xí)逐步掌握每個(gè)步驟。

您只要閱讀一下內(nèi)容都沒(méi)關(guān)系。您必須在盡可能多的不同情況下反復(fù)嘗試。

祝你好運(yùn)!