目錄[隱藏][顯示]
- 1. 提高你的基礎知識
- 2.利用面向對象的策略
- 3. 使用小功能
- 4.代替==,使用===
- 5. 使用 JSLint
- 6. 腳本應放在頁面底部
- 7. 製作字符串的最快方法
- 8. 為您的代碼添加註釋
- 9.利用模板文字
- 10. 迭代器和 for ... of 循環
- 11. 使用 {} 而不是 new Object()
- 12. 考慮在你的代碼中加入 let 和 const
- 13. eval() 不是一個好主意
- 14.Spread 運算符派上用場
- 15.等待和異步
- 16.在Javascript中使用includes()方法
- 17. 使用 Splice 從數組中刪除項目
- 18. 使用箭頭功能
- 19. 使用解構,可以快速分配變量值
- 20.做幾個項目
- 結論
如果您曾經對 Web 開發感興趣,那麼您可能已經接觸過 JavaScript。 面向對象的編程語言是 JavaScript。 開發人員使用它來使網頁的客戶端(前端)動態和交互。
它還用於使用 HTML 和 CSS 創建網頁和 Web 應用程序。 現在互聯網上沒有一個網頁沒有 JavaScript 代碼。 它已成為開發人員工作中不可分割的一個方面。
事實上,它正在穩步增加。 儘管 JavaScript 在為網頁提供功能方面得到了最好的認可,但它也被用於非 JavaScript 環境中。 Node.js、Apache Couch-DB 和 Adobe Acrobat 是這些技術的示例。 為了運行 JavaScript,大多數現代 Web 瀏覽器都包含一個內置的 JavaScript 執行引擎。 如果您想成為一名成功的 Web 開發人員,您將不得不處理 JavaScript。
你必須在今天或明天解決它。 為什麼不提前學習 JavaScript,以便在時機成熟時做好準備?
這就是您將在本課程中學到的內容。 它解釋瞭如何通過完善您的 JavaScript 來領先於其他 Web 開發人員。
讓我們開始!
1. 提高你的基礎知識
我將從你從小就听過的一個非常基本的想法和陳述開始。 學習基礎知識並將其付諸實踐。 很多時候,您將在編碼中應用邏輯,但您會忘記已經有一個內置函數,例如對數組進行切片。 當您運行 JavaScript 代碼時,您可能會遇到錯誤,因此,許多附加功能將停止工作。
這可能是由單個冒號或引號引起的。 這些事情是由於缺乏對基本原理的理解而發生的。 很多時候,在單個程序中,會使用一個基本循環,例如 for、which 或 do while。 循環是最基本的編程結構之一。
如果您不熟悉循環和其他基礎知識,那麼編寫代碼甚至有機會為公司工作是相當困難的。 複習您的基礎知識至關重要,因為它們為開發解決方案的複雜邏輯和聲譽提供了堅實的基礎。
2.利用面向對象的策略
面向對象的方法是當今最著名的編程方法。 從 C++ 開始的面向對象方法從那時起就大受歡迎。 今天,只有面向對象的編程用於創建所有主要語言。 面向對象的策略是專注於特定對象的策略。
然後該項目成為一個基本實體。 然後使用此對象將屬性和功能添加到頁面作為基礎。 您也可以使用傳統的方法從上到下創建代碼,無需任何函數或對象。 這太廣泛了,永遠不應該嘗試。 在開發代碼時,我們應該使用函數式的方法,如果我們使用函數,我們應該使用對象。
因此,在開始時,努力將您的擴展代碼轉換為面向對象的代碼,並始終以面向對象的風格編寫您的代碼。 當您研究其他人的代碼時,您將不斷研究面向對象的技術。 如果你想掌握 JavaScript,最好親自動手。
3. 使用小功能
使用函數式方法進行編程是一種極好的方法。 為什麼? 它將您的軟件分成模塊,這些模塊可以一起運行,但仍然彼此不同。 讓我給你一個例子來幫助你理解。
可以使用函數計算整數的均方根。 為此,您必須對整數求平方,計算它們的均值,然後計算均值的平方根。 該過程分為三個階段。 因此,我們可以使用三個函數。 但是,正如您所見,所有這些功能都是相互關聯的。 一個的輸出被發送到另一個,我們收到最終的結果。
讓我們假設您只需要一個函數來根據多個因素計算 RMS,而不是三個函數。 如您所見,最終的解決方案是不正確的。 在這一點上,您將很難確定在如此大的事件中出了什麼問題。
另一方面,擁有三個微小的功能將使您能夠快速分析。 因此,即使功能很普通,也可以利用它們來定義不同的代碼模塊。 這種技術將幫助你成為像魔術一樣的 JavaScript 專家。
現在,讓我們看一些 JavaScript 編碼技巧。
4.代替==,使用===
在 JavaScript 中,有兩種相等運算符:嚴格相等運算符 === 和 !==,以及非嚴格相等運算符 == 和 !=。 在比較時,始終採用完全相等被認為是最佳實踐。 但是,當使用 == 和 != 時,在處理不同類型時會遇到問題。
當您比較的值的類型不同時,非嚴格運算符將嘗試強制它們的值,這可能會導致意外結果。
5. 使用 JSLint
Douglas Crockford 創建了 JSLint,一個調試器。 只需將您的腳本放入盒子中,它就會迅速掃描它以查找任何錯誤或缺陷。
JSLint 檢查 JavaScript 源文件。 如果發現問題,它會發送一條消息,其中包含問題描述和源中的大致位置。 問題並不總是句法錯誤,儘管這種情況經常發生。
JSLint 檢查文體規範和結構問題。 這並不意味著您的軟件是準確的。 它只是增加了另一雙眼睛來幫助檢測問題。 在您簽署腳本之前,通過 JSLint 運行它以確保您沒有犯任何錯誤。
6. 腳本應放在頁面底部
用戶的主要目標是盡可能快地加載頁面。 在加載完整文件之前,瀏覽器無法繼續加載腳本。 因此,用戶將不得不等待更長的時間才能看到任何進展。
如果您有僅用於提供功能的 JS 文件(例如,一旦按下按鈕),請將它們放在頁面底部,就在結束 body 標記之前。 這無疑是最好的做法。
7. 製作字符串的最快方法
當你需要循環一個數組或對象時,不要總是使用你信任的 for 循環語句。 發揮您的想像力,為手頭的任務提出最快的解決方案。 我不會給你帶來數字; 你只需要相信我(或自己測試)。
這是迄今為止最快的技術。
8. 為您的代碼添加註釋
起初它可能看起來毫無意義,但是當我說你應該盡可能多地評論你的代碼時相信我。 如果您幾個月後回到項目中並且無法回憶起您最初的思考過程怎麼辦?
如果您的代碼必須由您的一位同事更新怎麼辦? 您的代碼的重要區域應始終進行註釋。
9.利用模板文字
使用雙引號或單引號創建的字符串的約束很多。 為了更輕鬆地使用它們,您可以選擇用模板文字替換一些字符串。
反引號字符 (') 用於構建模板文字,它有很多優點。 您可以使用它們來存儲表達式或構建多行字符串。
如您所見,與使用單引號或雙引號構造的傳統字符串文字不同,我們不必反復進出模板文字。 這最大限度地減少了輸入錯誤的可能性,並允許我們編寫更清晰的代碼。
10. 迭代器和 for ... of 循環
迭代器是 JavaScript 中的對象,它實現了 next() 方法以返回一個對象,該對象存儲序列中的下一個值以及真或假,具體取決於是否還有剩餘的值。 這意味著如果你實現了迭代器協議,你就可以構建你自己的迭代器對象。
JavaScript中有一些內置的迭代器,如String、Array、Map等。 您可以使用 for ... of 循環來遍歷它們。 與普通的 for 循環相比,這更簡潔且不易出錯。 我們不必使用 for...of 循環來跟踪數組的完整長度或當前索引。 在設計嵌套循環時,這可能有助於簡化代碼。
11. 使用 {} 而不是 new Object()
在 JavaScript 中,您可以通過多種方式創建對象。 如圖所示,使用 new 構造函數是一種更傳統的方式。 另一方面,這種策略被標記為“糟糕的做法”。
它不是破壞性的,但它有點羅嗦和獨特。 我建議改為使用對象文字技術。
12. 考慮在你的代碼中加入 let 和 const
我們可以使用 let 關鍵字來創建作用域為它們自己的塊的局部變量。 我們可以使用 const 關鍵字來構造無法更改的局部塊範圍變量。
聲明變量時,應考慮在適用時使用 let 和 const 關鍵字。 請記住, const 關鍵字僅禁用重新分配。 它也不會使變量不可更改。
13. eval() 不是一個好主意
eval() 方法,對於那些不知道的人,允許我們訪問 JavaScript 的編譯器。 本質上,我們可以使用 eval 通過將字符串作為輸入 () 來執行字符串的結果。
這不僅會顯著減慢您的腳本速度,而且還會帶來重大的安全問題,因為它賦予傳入的文本過多的權限。 不惜一切代價避免它!
14.Spread 運算符派上用場
您是否曾經需要將數組中的所有項目作為單個元素傳輸到另一個函數,或者您是否需要將一個數組中的所有值放入另一個數組中? 這正是擴展運算符 (...) 允許我們實現的。 這是一個插圖。
15.等待和異步
使用 async 關鍵字創建異步函數,該關鍵字總是顯式或隱式地返回一個承諾。
await 關鍵字可以在異步函數中使用來暫停執行,直到返回 promise 的解析完成。 在您的異步函數之外,代碼將繼續正常運行。
16.在Javascript中使用includes()方法
在 JavaScript 中,includes() 函數確定字符串是否包含提供的字符或數組是否包含指定的元素。
如果發現字符串或元素,則此方法返回 true; 否則,它返回 false。 值得一提的是,Strings contains() 函數區分大小寫。 如果您希望匹配字符串而不考慮大小寫,只需先將目標文本小寫即可。
17. 使用 Splice 從數組中刪除項目
為了從數組中刪除一個項目,我看到開發人員使用了刪除功能。 這是錯誤的,因為 delete 方法不是刪除對象,而是將其替換為 undefined。
根據 JavaScript 中的值從數組中刪除元素的最簡單方法是使用 indexOf() 函數獲取該值在數組中的索引號,然後使用 splice() 方法刪除該索引值。
18. 使用箭頭功能
箭頭函數是剛剛添加到 JavaScript 中的另一個重要特性。
他們有很多優勢。 首先,它們使 JavaScript 的功能部分更具視覺吸引力並且更易於編寫。 然而,使用箭頭函數使這更加清晰和簡潔。
19. 使用解構,可以快速分配變量值
在這篇文章的前面,我們了解了 JavaScript 中的擴展運算符。 解構類似於解構,因為它也解包包含在數組中的數據。
區別在於這些解壓縮的值可以分配給不同的變量。 形成數組時的語法與 [] 快捷方式的語法相同。 但是,這次括號放在賦值運算符的左側。 這是一個插圖。
20.做幾個項目
任何人才都需要一致的實踐,因此請嘗試構建各種項目以磨練您的能力並獲得各種編程場景的專業知識。
在開展項目時,您將遇到一些挑戰和錯誤,這將為您提供必要的專業知識。 因此,請嘗試提出項目,互聯網上有大量的想法和示例可以幫助您。 繼續開發代碼,你的能力就會提高。
結論
學習像 JavaScript 這樣的計算機語言可能很困難。 如果你認真想成為一名優秀的程序員並確保你的第一份工作,那麼這些 JavaScript 學習策略可以幫助你加快學習過程。
確保你定期練習編碼,在學習新想法的同時做完整的筆記,並利用你可以使用的所有工具。 最重要的是,出去玩,開始編碼。
發表評論