自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

JavaScript知識點整理

開發(fā) 后端
JavaScript是按照ECMAScript標準設計和實現(xiàn)的,后文說的JavaScript語法其實是ES5的標準的實現(xiàn)。

JavaScript是按照ECMAScript標準設計和實現(xiàn)的,后文說的JavaScript語法其實是ES5的標準的實現(xiàn)。

先說說有哪些基礎語法?

最基礎語法有哪些?

基礎語法幾乎所有的語言差異不大,無非數(shù)據(jù)類型、操作符、控制語句、函數(shù)等,簡單列舉下。

5種基本數(shù)據(jù)類型 & 1種復雜的數(shù)據(jù)類型

JavaScript包含5種基本數(shù)據(jù)類型,分別是undefined / null / boolean / number / string,基本數(shù)據(jù)類型就這五種,沒有其他的!

JavaScript包含1種復雜的數(shù)據(jù)類型,就是Object類型,Object類型是所有其他對象的基類。

注意:JavaScript并不區(qū)分浮點數(shù)和整數(shù),都是用number來表示。

前面提到的5種基本數(shù)據(jù)類型,以及這兒的1種復雜數(shù)據(jù)類型,這就是數(shù)據(jù)類型的全部了!

基本操作符

這個是常識,知道怎么回事就好。

常用的操作符包括:算術操作符、關系操作符、布爾操作符、賦值操作符等。

控制語句

這就是我們常說的if-else之類的控制語句。

常用的并不多:if語句、switch語句、for語句、while語句、for-in語句。

函數(shù)

函數(shù)就是一小段邏輯的封裝,理論上邏輯越獨立越好。

JavaScript函數(shù)相對其他語言來說有很大不同。JavaScript函數(shù)既可以作為參數(shù),也可以作為返回值。

此外JavaScript函數(shù)可以接受任意數(shù)量的參數(shù),并且可以通過arguments對象來訪問這些參數(shù)。

任何一門語言的基礎語法都是相通的,除開一些細節(jié)差異,大致就是上面這些了:數(shù)據(jù)類型、操作符、控制語句、函數(shù)、模塊等等。

接下來介紹稍微復雜的一些概念。

變量、作用域、內(nèi)存問題

變量

JavaScript變量分為兩種:基本類型和引用類型。其中基本類型就是前面提到的5種基本數(shù)據(jù)類型,引用類型就是前面提到的Object以及基于它的其他復雜數(shù)據(jù)類型。

  • 基本類型:在內(nèi)存中占據(jù)實際大小的空間,賦值的時候,會在內(nèi)存中創(chuàng)建一份新的副本。保存在棧內(nèi)存中。
  • 引用類型:指向?qū)ο蟮闹羔樁皇菍ο蟊旧恚x值的時候,只是創(chuàng)建了一個新的指針指向?qū)ο蟆14嬖诙褍?nèi)存中。


變量內(nèi)存分配

一句話就是,基本類型在內(nèi)存中是實際的值;而引用類型在內(nèi)存中就是一個指針,指向一個對象,多個引用類型可能同時指向同一個對象。

那么,如何確定某個變量是哪種數(shù)據(jù)類型呢?

確定一個變量是哪種基本類型用typeof操作符。

確定一個變量是哪種引用類型用instanceof操作符。

這個別忘了!

作用域

變量是在某個特定的作用域中聲明的,作用域決定了這些變量的生命周期,以及哪些代碼可以訪問其中的變量。

JavaScript作用域只包括全局作用域和函數(shù)作用域,并不包含塊級作用域!

作用域是可以嵌套的,從而形成作用域鏈。由于作用域鏈的存在,可以讓變量的查找向上追溯,即子函數(shù)可以訪問父函數(shù)的作用域=>祖先函數(shù)的作用域=>直到全局作用域,這種函數(shù)我們也稱為閉包,后文會介紹。

 

如下圖所示,每個作用域能夠訪問到的變量以及嵌套的作用域可向上追溯。


作用域鏈

作用域的概念看著簡單,實際使用會有不少問題,遇到問題要細心分析。

內(nèi)存問題

JavaScript引擎具有自動垃圾回收機制,不需要太關注內(nèi)存分配和垃圾回收問題。這兒就不展開了!

引用類型

前面提過,Object是唯一的復雜數(shù)據(jù)類型,引用類型都是從Object類型上繼承而來。

  • Array:數(shù)組類型
  • Date:日期類型
  • RegExp:正則表達式類型,這個多學學有好處!
  • 等等...

那問題來了,我們用的最多的函數(shù)是什么數(shù)據(jù)類型呢?答案是Function類型!

誒,好像發(fā)現(xiàn)了點什么東西?由于Function是引用類型,而JavaScript又可以往引用類型上加屬性和方法。那么,函數(shù)也可以!這也是JavaScript函數(shù)強大和復雜的地方。也就是說:函數(shù)也可以擁有自定義方法和屬性!

此外,JavaScript對前面提到的5種基本類型的其中3種也做了引用類型封裝,分別是Boolean、Number、String,但其實使用不多,了解就行。

對了,在所有代碼執(zhí)行之前,作用域就內(nèi)置了兩個對象,分別是Global和Math,其中瀏覽器的Global就是window啦!

到此為止,JavaScript中基礎的概念都差不多介紹了,其中函數(shù)和作用域相對來說復雜一些,其他的都比較淺顯。

接下來,我會介紹介紹JavaScript中一些稍微復雜一些的概念:面向?qū)ο蟆?/p>

面向?qū)ο缶幊?/strong>

JavaScript本身并沒有類和接口的概念了,面向?qū)ο蠖际腔谠蛯崿F(xiàn)的。

為了簡單,我們只分析面向?qū)ο蟮膬蓚€問題:

  • 如何定義一個類?
  • 如何實現(xiàn)類的繼承

定義一個類

不扯其他的,直接告訴你。我們使用構(gòu)造函數(shù)+原型的方式來定義一個類。

使用構(gòu)造函數(shù)創(chuàng)建自定義類型,然后使用new操作符來創(chuàng)建類的實例,但是構(gòu)造函數(shù)上的方法和屬性在每個示例上都存在,不能共享,于是我們引入原型來實現(xiàn)方法和屬性的共享。


原型

***,我們將需要共享的方法和屬性定義在原型上,把專屬于實例的方法和屬性放到構(gòu)造函數(shù)中。到這兒,我們就通過構(gòu)造函數(shù)+原型的方式定義了一個類。

實現(xiàn)繼承

前文講了如何定義一個類,那么我們定義一個父類,一個子類。

如何讓子類繼承父類呢?不扯別的,直接告訴你。JavaScript通過原型鏈來實現(xiàn)繼承!

如何構(gòu)建原型鏈呢?將子類實例賦值給父類構(gòu)造函數(shù)的原型即可。好繞,但是千萬得記住了!


原型鏈繼承

構(gòu)建原型鏈之后,子類就可以訪問父類的所有屬性和方法!

 

面向?qū)ο蟮闹R可以用一本書來寫,這兒只是簡單的介紹下最基礎最常用的概念。

函數(shù)表達式

JavaScript中有兩種定義函數(shù)的方式:函數(shù)聲明和函數(shù)表達式。

使用函數(shù)表達式無須對函數(shù)命名,從而實現(xiàn)動態(tài)編程,也即匿名函數(shù)。有了匿名函數(shù),JavaScript函數(shù)有了更強大的用處。

遞歸

遞歸是一種很常見的算法,經(jīng)典例子就是斐波拉契數(shù)列。也不扯其他的,直接說遞歸的***實踐,上代碼:

 

遞歸就是這樣,好多人還在使用arguments.callee的方式,改回函數(shù)表達式的方式吧,這才是***實踐。

啰嗦一句,好多人覺得遞歸難寫,其實你將其分為兩個步驟就會清晰很多了。

  • 邊界條件,通常是if-else。
  • 遞歸調(diào)用。

按這個模式,找?guī)讉€經(jīng)典的遞歸練練手,就熟悉了。

閉包

很多人經(jīng)常覺得閉包很復雜,很容易掉到坑里,其實不然。

那么閉包是什么呢?如果一個函數(shù)可以訪問另一個函數(shù)作用域中的變量,那么前者就是閉包。由于JavaScript函數(shù)可以返回函數(shù),自然,創(chuàng)建閉包的常用方式就是在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)!

這并沒有什么神奇的,在父函數(shù)中定義子函數(shù)就可以創(chuàng)建閉包,而子函數(shù)可以訪問父函數(shù)的作用域。

我們通常是因為被閉包坑了,才會被閉包嚇到,尤其是面試題里一堆閉包。

閉包的定義前面提了,如何創(chuàng)建閉包也說了,那么我們說說閉包的缺陷以及如何解決?

 

  1. /* 我們通過subFuncs返回函數(shù)數(shù)組,然后分別調(diào)用執(zhí)行 */  
  2. // 返回函數(shù)的數(shù)組subFuncs,而這些函數(shù)對superFunc的變量有引用  
  3. // 這就是一個典型的閉包  
  4. // 那么有什么問題呢?  
  5. // 當我們回頭執(zhí)行subFuncs中的函數(shù)的時候,我們得到的i其實一直都是10,為什么?  
  6. // 因為當我們返回subFuncs之后,superFunc中的i=10  
  7. // 所以當執(zhí)行subFuncs中的函數(shù)的時候,輸出i都為10。  
  8. //  
  9. // 以上,就是閉包***的坑,一句話理解就是: 
  10. // 子函數(shù)對父函數(shù)變量的引用,是父函數(shù)運行結(jié)束之后的變量的狀態(tài)  
  11. function superFunc() {  
  12. var subFuncs = new Array();  
  13. for (var i = 0; i < 10; i++) {  
  14. subFuncs[i] = function() {  
  15. return i;  
  16. };  
  17.  
  18. return subFuncs;  
  19.  
  20. // 那么,如何解決上訴的閉包坑呢?  
  21. // 其實原理很簡單,既然閉包坑的本質(zhì)是:子函數(shù)對父函數(shù)變量的引用,是父函數(shù)運行結(jié)束之后的變量的狀態(tài)  
  22. // 那么我們解決這個問題的方式就是:子函數(shù)對父函數(shù)變量的引用,使用運行時的狀態(tài)  
  23. // 如何做呢?  
  24. // 在函數(shù)表達式的基礎上,加上自執(zhí)行即可。  
  25. function superFunc() {  
  26. var subFuncs = new Array();  
  27. for (var i = 0; i < 10; i++) {  
  28. subFuncs[i] = function(num) {  
  29. return function() {  
  30. return num;  
  31. };  
  32. }(i);  
  33.  
  34. return subFuncs; 
  35.  

綜上,閉包本身不是什么復雜的機制,就是子函數(shù)可以訪問父函數(shù)的作用域。

而由于JavaScript函數(shù)的特殊性,我們可以返回函數(shù),如果我們將作為閉包的函數(shù)返回,那么該函數(shù)引用的父函數(shù)變量是父函數(shù)運行結(jié)束之后的狀態(tài),而不是運行時的狀態(tài),這便是閉包***的坑。而為了解決這個坑,我們常用的方式就是讓函數(shù)表達式自執(zhí)行。

此外,由于閉包引用了祖先函數(shù)的作用域,所以濫用閉包會有內(nèi)存問題。

好像把閉包說得一無是處,那么閉包有什么用處呢?

主要是封裝吧...

封裝

閉包可以封裝私有變量或者封裝塊級作用域。

封裝塊級作用域

JavaScript并沒有塊級作用域的概念,只有全局作用域和函數(shù)作用域,那么如果想要創(chuàng)建塊級作用域的話,我們可以通過閉包來模擬。

創(chuàng)建并立即調(diào)用一個函數(shù),就可以封裝一個塊級作用域。該函數(shù)可以立即執(zhí)行其中的代碼,內(nèi)部變量執(zhí)行結(jié)束就會被立即銷毀。

 

封裝私有變量

JavaScript也沒有私有變量的概念,我們也可以使用閉包來實現(xiàn)公有方法,通過隱藏變量暴露方法的方式來實現(xiàn)封裝私有變量。

總結(jié)說點啥?

這差不多就是JavaScript的一些基礎語法和稍微高級一些的用法,其實所謂的高級,都是JavaScript“不太成熟”的表現(xiàn),尤其是面向?qū)ο螅鲇诠こ袒男枰荍avaScript本身并不***支持。好在ES6***標準解決了很多問題,結(jié)合Babel用起來也不用太考慮兼容性問題,如果你是新手的話,建議你直接去擼ES6+Babel吧。

  • JavaScript的基礎主要包括:5中基本數(shù)據(jù)類型、1種復雜的數(shù)據(jù)類型、操作符、控制語句、函數(shù)等。
  • 了解基本的語法后,你還需要學習學習JavaScript的變量、作用域、作用域鏈。
  • 常見的引用類型可以邊查邊用。作為過來人,建議多學學正則,對你的代碼功底會有較大的提升。
  • 面向?qū)ο缶幊痰牟糠滞饷嬗泻芏喾N方式,你只需要記住使用構(gòu)造函數(shù)+原型去定義一個類,使用原型鏈去實現(xiàn)繼承即可。更多的擴展,去翻翻書吧。
  • 函數(shù)表達式引出了幾個比較好玩的東西:遞歸、閉包、封裝。記住遞歸的***實踐、閉包的定義及缺陷、閉包的適用場景。

JavaScript作為一門動態(tài)語言,和其他語言有較大的差異,這也造成很多人學習JavaScript時會覺得難學。但你現(xiàn)在看看前文,雖然是一個簡略的總結(jié),但JavaScript主要的內(nèi)容就這些了,所以不要被自己嚇到了。

再補一句,如果你是新手的話,建議你直接去擼ES6+Babel吧。

責任編輯:未麗燕 來源: 簡書
相關推薦

2016-12-06 10:52:07

JavaScript易錯知識點

2011-12-26 09:50:05

.NET垃圾回收

2012-05-08 09:10:56

WCF

2021-12-20 10:55:05

Git命令Linux

2018-09-13 12:21:54

數(shù)據(jù)挖掘數(shù)據(jù)庫算法

2020-11-06 00:50:16

JavaClassLoaderJVM

2020-02-18 08:01:55

在家辦公Kakfa知識點大全

2016-12-21 09:55:55

面試JavaScrip總結(jié)

2020-07-02 15:15:22

JavaScript面試前端

2022-08-03 08:03:03

前端APIjavascript

2010-08-17 14:56:00

HCNE認證

2011-04-15 12:25:21

BGP路由

2016-05-30 17:31:34

Spring框架

2022-06-13 15:46:00

PythonPython IDE

2013-10-11 14:51:16

Linux進程管理

2022-10-27 21:01:03

JavaScrip面試題開發(fā)

2023-10-31 08:51:25

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

2021-03-02 07:51:17

前端開發(fā)技術熱點

2021-03-01 08:03:16

前端開發(fā)技術熱點

2021-03-03 08:04:44

前端開發(fā)技術熱點
點贊
收藏

51CTO技術棧公眾號