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

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

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

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