想了解javascript好不好嗎？想了解如何衡量一個人的 JavaScript 水平？?? 嗎？......本文帶你一探究竟。

1.如何衡量一個人的 JavaScript 水平？

之前刷知乎的時候，看到這么一個問題：如何衡量一個人的水平？然后自己也不要臉地回答了一下這個問題。以下是我的答案：原文如下：A：看一個人寫代碼是否有規(guī)范，代碼是否壯健，是否可拓展，可讀性高不高，API設(shè)計(jì)是否合理。這些都是長年累月積累下來的且獨(dú)立于編程語言以外的。遠(yuǎn)比把什么手寫bind，原型鏈，閉包給背下來更有價值。這才是證明你代碼水平的關(guān)鍵點(diǎn)。Q：在面試的時候如何快速判斷出呢？A： 讓面試者設(shè)計(jì)個組件，不用寫，回答就行。從API設(shè)計(jì)，文檔編寫，項(xiàng)目結(jié)構(gòu)，單元測試，編寫模式，性能優(yōu)化等方面來回答。有工作經(jīng)驗(yàn)的人，基本業(yè)務(wù)邏輯都能寫，但是寫的好不好，就是經(jīng)驗(yàn)跟能力以及學(xué)習(xí)力的體現(xiàn) 。個人說明首先來個免責(zé)聲明，以上的回答都是個人的經(jīng)驗(yàn)與見解，答案肯定不*，甚至不一定全對，所以求輕噴。上面問如何在面試的時候快速判斷對方是否是高級前端的時候，我為什么說是“設(shè)計(jì)組件”呢？因?yàn)槲矣X得有一定實(shí)力的前端來說，“組件”這個概念是繞不過的，或者看過開源組件的源碼，或者自己寫過組件。對于一般的業(yè)務(wù)問題，我相信作為一個從業(yè)了一定時間的開發(fā)者，無論水平如何，這都不是問題，但是如何區(qū)分這個開發(fā)者的水平，可以通過他寫的代碼來判斷，當(dāng)然也不完全是，畢竟在996或者趕進(jìn)度的時候，很容易就會為了完成快速出產(chǎn)品而寫，這種情況下代碼質(zhì)量跟個人水平不一定能體現(xiàn)。下面，我們以設(shè)計(jì)一個“按鈕（）組件”為例，來探索這個問題。首先“按鈕（）”的作用這個我們是否明確？它是裝飾性的組件還是功能性的組件？這個問題很簡單，“按鈕（）”是一個功能性的組件，是讓用戶通過點(diǎn)擊或觸碰來采取行動并做出選擇的一個組件。場景那么“按鈕（）”通常放在什么地方？有經(jīng)驗(yàn)的開發(fā)可能會想到以下場景：對話框模態(tài)窗口表單卡片工具欄代表狀態(tài)可能會有以下幾種：默認(rèn)狀態(tài)初始狀態(tài)信息狀態(tài)警告狀態(tài)危險狀態(tài)形態(tài)可能會有以下幾種：實(shí)心按鈕文本按鈕描邊按鈕圖標(biāo)按鈕圓角按鈕直角按鈕尺寸可能會有以下幾種：操作性可能會有以下幾種：回車鍵點(diǎn)擊鼠標(biāo)點(diǎn)擊觸摸點(diǎn)擊禁止點(diǎn)擊攜帶的事件可能有以下兩種：click事件回車鍵keydown事件tap事件以上雖然是偏樣式，但是作為一個組件開發(fā)者，這都是我們?nèi)粘Ｋ枰紤]的。API在API的設(shè)計(jì)環(huán)節(jié)，我們通過上述的場景，我們可能會暴露出以下的APItype：按鈕狀態(tài)size：按鈕尺寸color：按鈕顏色text：按鈕內(nèi)的文本icon：按鈕內(nèi)的圖標(biāo)htmlType：原生按鈕支持的type屬性attrs：其他的原生屬性variant：按鈕形態(tài)click：鼠標(biāo)點(diǎn)擊事件tap：觸摸屏點(diǎn)擊事件keydown：回車鍵按下事件編寫核心邏輯在我們API設(shè)計(jì)好之后，我們就可以開始開發(fā)了，這時候根據(jù)我們項(xiàng)目的類型，選擇的開發(fā)工具以及模式，可能會有所不同。我們是獨(dú)立編寫還是直接在項(xiàng)目里面去編寫，如果是獨(dú)立編寫，選擇哪個打包工具，是gulp還是webpack還是其它，為什么這么選？例如如果我們是用TS寫，我們可能需要編寫B(tài)utton.d.ts，如果是vue的組件，我們還得考慮Vue.use注入到Vue中，也就是Button.install(vue)，如果是react，我們還得考慮是否使用React.來進(jìn)行ref轉(zhuǎn)發(fā)。然后就是我們的代碼規(guī)范，是用Function還是Class，共同的代碼塊如何抽象，如何，還有命名規(guī)范是什么，哪些屬性必選，哪些屬性可選，默認(rèn)值是什么？我們是怎么考慮的？所以最終的組件使用可能會是這種形式：import Button from './/Button' 添加 單元測試在我們開發(fā)的過程中，有一道麻煩但又必不可少的工序就是單元測試，這時候單元測試的庫我們是怎么選？用Jest還是Mocha？測試用例怎么寫？如何模擬點(diǎn)擊或者異步響應(yīng)？是否需要快照（snapshots）？這也是在我們的考慮范圍內(nèi)。所以我們的測試腳本可能長這樣：import Button from './/Button' import { shallow } from 'enzyme' describe('', () => { it('render success', () => { const wrapper = shallow(( 添加 )) expect(wrapper.text('添加')).to.equal(true) }) })其它其它的諸如開發(fā)文檔，使用文檔，版本迭代，項(xiàng)目配置，打包開發(fā)優(yōu)化，以及其他自動化的功能，也是我們所需要考慮?？偨Y(jié)以上便是我們在開發(fā)一個“按鈕（）組件”時可能會考慮到的點(diǎn)，可能有不夠完善的地方，但是我想說的意思是，這其實(shí)可以很好的衡量一個人的水平。比如你再會手寫原型鏈關(guān)系圖，閉包，防抖，節(jié)流等基礎(chǔ)概念，但是如果不在項(xiàng)目中運(yùn)用起來，終究是紙上談兵，對技術(shù)水平?jīng)]有太多實(shí)質(zhì)的幫助，當(dāng)然不是說精通這些內(nèi)容不好，但是比起實(shí)戰(zhàn)，還是差強(qiáng)人意。能手寫代碼的不一定是高級，但是如果能寫好一個組件，水平再差也不會差到哪里去。本文似乎有點(diǎn)文不對題了，本來談的是“如何衡量一個人的水平”，結(jié)果卻超綱了許多。但是通過這種方式，確實(shí)能夠判斷出一個人代碼水平，當(dāng)然也并不只是JS，換成安卓，IOS也同樣適用。優(yōu)質(zhì)文章傳送門：慕課網(wǎng)：神器推薦！讓我用的最爽的幾款 Mac 軟件，非常實(shí)用?。ǖ诙棧┠秸n網(wǎng)：你能使用 寫好一個最簡單的 Button 組件嗎？慕課網(wǎng)：ES6、ES7、ES8學(xué)習(xí)指南作者：陳大魚頭鏈接： ，轉(zhuǎn)載請注明出處，謝謝合作

上述文章了解到關(guān)于如何衡量一個人的 JavaScript 水平？?? ，讓我們對javascript好不好 有一個直觀的認(rèn)知。我們發(fā)現(xiàn)，作為一個優(yōu)秀的Java程序員是多么的自豪。