JavaScript深入系列15篇正式完結(jié)！

fxp 發(fā)布于2019-08-20 16:50 / 948人閱讀

摘要：寫在前面深入系列共計(jì)篇已經(jīng)正式完結(jié)，這是一個(gè)旨在幫助大家，其實(shí)也是幫助自己捋順底層知識(shí)的系列。深入系列自月日發(fā)布第一篇文章，到月日發(fā)布最后一篇，感謝各位朋友的收藏點(diǎn)贊，鼓勵(lì)指正。

寫在前面

JavaScript 深入系列共計(jì) 15 篇已經(jīng)正式完結(jié)，這是一個(gè)旨在幫助大家，其實(shí)也是幫助自己捋順 JavaScript 底層知識(shí)的系列。重點(diǎn)講解了如原型、作用域、執(zhí)行上下文、變量對象、this、閉包、按值傳遞、call、apply、bind、new、繼承等 JS 語言中的比較難懂的概念。

JavaScript 深入系列自 4 月 6 日發(fā)布第一篇文章，到 5 月 12 日發(fā)布最后一篇，感謝各位朋友的收藏、點(diǎn)贊，鼓勵(lì)、指正。

順便宣傳一下該博客的 Github 倉庫：https://github.com/mqyqingfeng/Blog，歡迎 star，鼓勵(lì)一下作者。

而此篇，作為深入系列的總結(jié)篇，除了匯總各篇文章，作為目錄篇之外，還希望跟大家聊聊，我為什么要寫這個(gè)系列？

我為什么要寫深入系列？

講一個(gè)對我學(xué)技術(shù)的態(tài)度很有影響的一件事情。

曾經(jīng)團(tuán)隊(duì)邀請過 Nodejs 領(lǐng)域一個(gè)非常著名的大神來分享，這里便不說是誰了。當(dāng)知道是他后，簡直是粉絲的心情。但是課講得確實(shí)一般，也許是第一次講，準(zhǔn)備不是很充足吧，以至于我都覺得我能講得比他好，但是有兩次，讓我覺得這是真正的大神。一次就是，當(dāng)有同事問到今年有什么流行的前端框架嗎？這些框架有怎樣的適用場景？該如何抉擇？我以為大神一定會(huì)回答當(dāng)時(shí)正火的 React、以及小鮮肉 Vue 之類，然后老生常談的比較一番，但是他回答道：“I dont"t care！因?yàn)檫@些并不重要，真正重要的是底層，當(dāng)你了解了底層，你就能很輕松的明白這些框架的原理，當(dāng)你明白了原理，這些框架又有什么意思呢？”

雖然這段話因?yàn)檫^去太久，已經(jīng)不記得確切的表述，但是給了我非常深刻的印象，自己一路學(xué)習(xí)過來，新的東西不停的冒出，但是學(xué)的再多感覺自己也只是學(xué)了一堆 API，如果僅僅是為了解決工作上的問題，或許已經(jīng)足夠，但是內(nèi)心經(jīng)常還會(huì)冒出一種不安定感，這種不安定感或許來自于對 JavaScript 未知部分的恐懼，或許來自于解決問題卻不明所以的尷尬，或許來自于屢次學(xué)習(xí)語言難點(diǎn)卻不得門道的失敗……代碼寫的越久，這種感覺就越是鮮明。

當(dāng)然了，大家也不要過分解讀底層，各種計(jì)算機(jī)語言追究到底層都是編譯原理之類，如果是有這方面的興趣，固然可以，但是如果本質(zhì)上還是為了解決上層問題，倒不必一定要深究到這個(gè)層面。用 JavaScript 了解這門語言本身的使用和原理，用 jQuery 看看 jQuery 的源碼實(shí)現(xiàn)，用 React 技術(shù)棧，寫寫 React、Redux 簡單的模擬實(shí)現(xiàn)，諸如此類，都是對底層的一種追求。

這樣講的話，底層這個(gè)詞，更像是一個(gè)方向，一種學(xué)習(xí)的態(tài)度吧。

為了更加深入的了解 JavaScript 這門語言，我將之前記錄的一些要學(xué)習(xí)的關(guān)鍵詞作為課題進(jìn)行研究，后來研究的差不多了，才決定動(dòng)筆寫下這個(gè)系列。盡管這個(gè)系列很多地方上依然不夠所謂的“深入”，但就跟學(xué)習(xí)這些內(nèi)容之前的我相比，已然多了份安定感，解決一些問題時(shí)也多了份得心應(yīng)手，也希望大家能從這個(gè)系列中有所收獲。

然而即便已經(jīng)寫了 15 篇，也只是漫長路途的開始，在我 Github 博客倉庫的描述中有寫到，我預(yù)計(jì)寫 4 個(gè)系列，JavaScript 深入系列，JavaScript 專題系列，ES6 系列，React 系列，其實(shí)從“深入系列”到“專題系列”再到“ React 系列”，就是原來寫著上層的我決定從語言層面開始一步一步走回上層的記錄，而現(xiàn)在，我也只是邁出了第一步。

重新修訂

在發(fā)布完最后一篇后，我花了一周時(shí)間，根據(jù)大家的評論和留言，并且參照阮一峰老師的《中文技術(shù)文檔的寫作規(guī)范》對所有的文章進(jìn)行了一次修訂。

說起來，改的最多的就是給英文單詞兩邊加個(gè)空格……

此外，大家有疑問或指正或鼓勵(lì)或感謝，盡管留言回復(fù)哈 []~(￣▽￣)~* 。

全目錄

JavaScirpt深入之從原型到原型鏈

JavaScript深入之詞法作用域和動(dòng)態(tài)作用域

JavaScript深入之執(zhí)行上下文棧

JavaScript深入之變量對象

JavaScript深入之作用域鏈

JavaScript深入之從ECMAScript規(guī)范解讀this

JavaScript深入之執(zhí)行上下文

JavaScript深入之閉包

JavaScript深入之參數(shù)按值傳遞

JavaScript深入之call和apply的模擬實(shí)現(xiàn)

JavaScript深入之bind的模擬實(shí)現(xiàn)

JavaScript深入之new的模擬實(shí)現(xiàn)

JavaScript深入之類數(shù)組對象與arguments

JavaScript深入之創(chuàng)建對象的多種方式以及優(yōu)缺點(diǎn)

JavaScript深入之繼承的多種方式以及優(yōu)缺點(diǎn)

作者推薦

在我研究一些課題的時(shí)候，有時(shí)感覺自己深受啟發(fā)，頗有醍醐灌頂?shù)母杏X，我也希望這個(gè)系列的讀者能感受到跟作者當(dāng)初學(xué)習(xí)這些內(nèi)容時(shí)的一樣興奮的感覺，所以強(qiáng)烈推薦以下三篇：

JavaScript深入之從ECMAScript規(guī)范解讀this

JavaScript深入之call和apply的模擬實(shí)現(xiàn)

JavaScript深入之new的模擬實(shí)現(xiàn)

真的完結(jié)？

JavaScript 底層知識(shí)哪有這么一點(diǎn)吶！在不斷學(xué)習(xí)的過程中，還會(huì)冒出一些新的課題適合劃分到深入系列，如果是這樣的話，就會(huì)偶爾發(fā)布一篇，當(dāng)然了，如果冒出太多的話，不保證再來一個(gè)深入系列第二季，哈哈。

下期預(yù)告

一周之內(nèi)，會(huì)發(fā)布新的系列即 JavaScript 專題系列，這個(gè)系列主要研究日常開發(fā)中一些功能點(diǎn)的實(shí)現(xiàn)，比如防抖、節(jié)流、去重、拷貝、最值、扁平、柯里、遞歸、亂序、排序等，特點(diǎn)是抄襲 underscore 和 jQuery 的實(shí)現(xiàn)方式，而這次預(yù)計(jì)寫二十篇左右。

感謝大家的閱讀和支持，我是冴羽，JavaScript 專題系列再見啦！[]~(￣▽￣)~**