JavaScript 語言核心筆記（持續更新）

suosuopuo 發布于2019-08-20 18:20 / 1427人閱讀

摘要：在同一個塊內，不允許用重復聲明變量。中為新增了塊級作用域。自帶遍歷器的對象有數組字符串類數組對象對象的對象等和結構對象。返回一個遍歷器，使遍歷數組的鍵值對鍵名鍵值。

目錄 1.語法 2.類型、值和變量 3.表達式和運算符 4.語句 5.數組 6.對象 7.函數 8.全局屬性和方法 9.詞法作用域、作用域鏈、閉包 10.原型鏈、繼承機制 11.this的理解 12.ES5新特性 13.ES6 內容 1.語法 2.類型、值和變量 3.表達式和運算符

typeof和instanceof

運算符優先級

4.語句 5.數組 6.對象

Object類方法和對象實例方法

Number、Date、 Math對象

7.函數

js構造函數

8.全局屬性和方法

JS全局函數，Number方法、Math、Date

9.詞法作用域、作用域鏈、閉包

理解詞法作用域、作用域鏈、閉包。

10.原型鏈、繼承機制

js繼承機制，模擬類繼承的方式（原型鏈）

11.this的理解 12.ES5新特性 13.ES6

箭頭函數用法和普通函數有哪些區別，什么時候用比較好？

    首先，形式上不同，表達更簡潔；一個用處就是，簡化回調函數。

let const聲明符和var的區別，塊級作用域的理解

    let聲明的變量只在代碼塊內有效。
    var命令會發生變量提升的現象，即變量可以在聲明之前使用，值為undefined；而let不會；暫時性死區（temporal dead zone， TDZ）在let聲明變量之前，該變量都不可用。
    在同一個塊內，不允許用let重復聲明變量。
    const和let基本相同，除了const聲明的變量的指針不能改變。

    塊級作用域
    ES5中只有全局作用域和函數作用域；這樣可能造成不便，如內層變量可能覆蓋外層變量，用來計數的循環變量泄露為全局變量。
    ES6中let為js新增了塊級作用域。
    外層作用域無法讀取內層作用域的變量；內層作用域可以定義外層作用域的同名變量；塊級作用域的出現可以使立即執行函數表達式不再必要了。

模板字符串，什么時候用

    單純的模板字符串還存在著很多的局限性。如：

    1.不能自動轉義特殊的字符串。（這樣很容易引起注入攻擊）
    2.不能很好的和國際化庫配合（即不會格式化特定語言的數字，日期，文字等）
    3.沒有內建循環語法，（甚至連條件語句都不支持， 只可以使用模板套構的方法）

    “標簽模板”
    過濾HTML字符串，防止用戶輸入惡意內容。

set和map類型對象

模塊import和export

    單個模塊輸出：export 變量定義/函數定義等
    單個模塊輸入：import {需要的變量名，函數名} from 某個文件
    整體導入： module 新的對象名 from 某個文件 （這時，文件中定義的變量和函數都是對象的屬性和方法）
    
    以默認方式輸出： export default 變量啊方法啊對象啊什么的
    然后引入： import 新名字 from 某個文件 （這個新名字就是默認的變量啊方法啊對象啊什么的引用）

class和使用構造函數模擬“類”的區別

promise的理解

for...of

    只有部署了iterator接口的對象才可以使用for...of循環遍歷。
    自帶遍歷器的對象有數組、字符串、類數組對象（argument對象、DOM的NodeList對象等）、set和map結構、Generator對象。
    普通對象不可以。
    for...of是對鍵值的遍歷，而for...in是對鍵名的直接遍歷。

es6新增的字符串方法

    includes() startsWidth() endsWidth()
    都返布爾值，可傳入第二個參數，起始位置，includes和startsWidth從指定位置往后查找，endsWidth往前找
    repeat() 參數是重復幾次，返回重復后的字符串

es6新增的Number、Math方法

    Number.isFinite() Number.isNaN()
    與ES5的全局方法isFinite()和isNaN()不同的是，不會對非數值轉換為數組類型，再判斷；對非數值全部返回false
    Number.parseInt() Number.parseFloat() 與相應全局方法一樣，只不過放在了Number下，使模塊化
    Number.isInteger() Number.isSafeInteger()
    Number.MAX_SAFE_INTEGER  Number.MIN_SAFE_INTEGER
    
    Math.trunc() 去除一個數的小數部分，直接去掉，返回整數部分

es6數組的擴展

    Arry.from() 將類數組對象或者可遍歷對象轉化成數組，Set結構
    Arry.of() 
    參數是一組數，將它們作為一個數組的元素返回數組。
    與構造函數Array()的區別：Array()會因為參數的個數不同而不同，參數是一個時，返回含參數個元素為undefined的數組
    
    find() findIndex() 
    參數是一個回調函數，返回第一個匹配的元素或其下標。都可以發現NaN，彌補了IndexOf()的不足
    
    fill() 用第一個參數填充數組，用可選的第一第二個參數指定填充的開始位置和結束位置。
    entries() keys() values() 返回一個遍歷器，使for...of遍歷數組的鍵值對、鍵名、鍵值。
    
    數組推導
    直接在方括號中使用for...of和if語句等對原有數組操作返回新的數組，與map()和filter()功能類似。
    也可以對字符串進行處理。
    
    Array.observe() Array.unobserve()

*es6對象的擴展

    方法Object.is()，與嚴格相等類似，但是區分-0 +0 NaN不同
        +0 === -0 //true
        NaN === NaN //false
        Object.is(-0, +0) //false
        Object.is(NaN, NaN) //true
    Object.assign() 參數是一個目標對象，一個或多個源對象
    _proto_讀取或者設置對象的prototype對象，以前用Object.create()。
    Object.setPrototypeOf() Object.getPrototypeOf()
    增強的對象寫法：直接寫入變量和函數
    比如： var x = 1; var a = {x, hello(){console.log(x)}};
    屬性名表達式： 用表達式作為對象的屬性名。
    比如： var zhanglu = "zhoushen"; var b = {[zhanglu], [zhanglu+ "hahaha"]}

Set

    類似于數組的新的數據結構，但是成員值都是唯一的，沒有重復的值。
    定義var s = new Set();
    參數是一個數組，用Array.from()可以轉化成數組。（數組去重的好方法~）
    方法：add() delete() has() clear()
    屬性：Set.prototype.size

generator（超難了解即可）

es6目前如何使用（有些可以直接用，其他的如何用）

列幾個es7特性（只需列出，不必學習）

數組、對象的解構賦值

    “模式匹配”。
    只要某種數據結構具有Iterator接口，都可以采用數組形式的解構賦值。
    允許有默認值，也可以引用解構賦值的其他變量，但該變量必須已經聲明。
    數組的元素有次序，變量按次序取值；而對象屬性沒有次序，變量名必須和屬性名相同才能取到值。
    數組和對象都可以用于嵌套結構的對象。
    用途：

阮一峰 ES6-解構的用途

rest參數使用方法

    用于獲取函數多余參數，rest參數中的變量是個數組，該變量將多余的參數放入數組。
    rest參數之后不能再有其他參數。

GPU云服務器云服務器 javascript核心 javascript核心技術 javascript核心編程 javascript學習筆記

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84360.html

ApacheCN 編程/大數據/數據科學/人工智能學習資源 2019.5

摘要：請回復這個帖子并注明組織個人信息來申請加入。版筆記等到中文字幕翻譯完畢后再整理。數量超過個，在所有組織中排名前。網站日超過，排名的峰值為。主頁歸檔社區自媒體平臺微博知乎專欄公眾號博客園簡書合作侵權，請聯系請抄送一份到贊助我們 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1...

zhonghanwen 2019-06-26 18:55 評論0 收藏0
ApacheCN 編程/大數據/數據科學/人工智能學習資源 2019.6

摘要：請回復這個帖子并注明組織個人信息來申請加入。權限分配靈活，能者居之。數量超過個，在所有組織中排名前。網站日超過，排名的峰值為。導航歸檔社區自媒體平臺微博知乎專欄公眾號博客園簡書合作侵權，請聯系請抄送一份到贊助我們 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=...

Bmob 2019-06-26 19:01 評論0 收藏0
程序員寫簡歷時的技術詞匯拼寫規范備忘錄！

摘要：寫在前面每年這個時候又到了求職的旺季。求職前，我們都會花很多的時間在自己的技術水平提升筆面試的準備之上，但往往卻忽略了找工作第一步所需要的一個嚴謹且靠譜的簡歷。而程序員寫簡歷，第一步就是需要注意嚴謹而規范地使用各種技術詞匯。 ...

h9911 2021-10-12 10:12 評論0 收藏0
Kubernetes學習筆記（持續更新）

摘要：常用命令服務啟動滾動升級概念集群分布式存儲保存了整個集群的狀態控制節點控制節點負責整個集群的管理，例如容器調度資源狀態維護自動擴展滾動更新等服務節點服務節點是真正運行容器 1.常用命令服務啟動 [root@k8s-master ~]# systemctl start etcd [root@k8s-master ~]# systemctl start docker [root@k8s-...

XBaron 2019-07-01 17:25 評論0 收藏0
網易微專業之《前端開發工程師》學習筆記（1）

摘要：點擊此處了解網易微專業課程前段時間報名參加了網易云課堂微專業課程前端開發工程師，這周課程開始了，正式學習。以下內容為前端開發工程師微專業的第一門課網頁制作的課程學習指南，學習視頻課程后自己整理的學習筆記，會持續更新內容。何為網易微專業？微專業是由網易云課堂聯合各領域知名專家，以就業為導向，精心打造的職業培訓方案。按要求完成學習，考試通過可獲得專業認定證書，令你求職或加薪多一份獨特優...

geekzhou 2019-08-28 18:28 評論0 收藏0