JavaScript 語(yǔ)言核心筆記（持續(xù)更新）

suosuopuo 發(fā)布于2019-08-20 18:20 / 1491人閱讀

摘要：在同一個(gè)塊內(nèi)，不允許用重復(fù)聲明變量。中為新增了塊級(jí)作用域。自帶遍歷器的對(duì)象有數(shù)組字符串類數(shù)組對(duì)象對(duì)象的對(duì)象等和結(jié)構(gòu)對(duì)象。返回一個(gè)遍歷器，使遍歷數(shù)組的鍵值對(duì)鍵名鍵值。

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

typeof和instanceof

運(yùn)算符優(yōu)先級(jí)

4.語(yǔ)句 5.數(shù)組 6.對(duì)象

Object類方法和對(duì)象實(shí)例方法

Number、Date、 Math對(duì)象

7.函數(shù)

js構(gòu)造函數(shù)

8.全局屬性和方法

JS全局函數(shù)，Number方法、Math、Date

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

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

10.原型鏈、繼承機(jī)制

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

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

箭頭函數(shù)用法和普通函數(shù)有哪些區(qū)別，什么時(shí)候用比較好？

    首先，形式上不同，表達(dá)更簡(jiǎn)潔；一個(gè)用處就是，簡(jiǎn)化回調(diào)函數(shù)。

let const聲明符和var的區(qū)別，塊級(jí)作用域的理解

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

    塊級(jí)作用域
    ES5中只有全局作用域和函數(shù)作用域；這樣可能造成不便，如內(nèi)層變量可能覆蓋外層變量，用來(lái)計(jì)數(shù)的循環(huán)變量泄露為全局變量。
    ES6中l(wèi)et為js新增了塊級(jí)作用域。
    外層作用域無(wú)法讀取內(nèi)層作用域的變量；內(nèi)層作用域可以定義外層作用域的同名變量；塊級(jí)作用域的出現(xiàn)可以使立即執(zhí)行函數(shù)表達(dá)式不再必要了。

模板字符串，什么時(shí)候用

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

    1.不能自動(dòng)轉(zhuǎn)義特殊的字符串。（這樣很容易引起注入攻擊）
    2.不能很好的和國(guó)際化庫(kù)配合（即不會(huì)格式化特定語(yǔ)言的數(shù)字，日期，文字等）
    3.沒(méi)有內(nèi)建循環(huán)語(yǔ)法，（甚至連條件語(yǔ)句都不支持， 只可以使用模板套構(gòu)的方法）

    “標(biāo)簽?zāi)０濉?    過(guò)濾HTML字符串，防止用戶輸入惡意內(nèi)容。

set和map類型對(duì)象

模塊import和export

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

class和使用構(gòu)造函數(shù)模擬“類”的區(qū)別

promise的理解

for...of

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

es6新增的字符串方法

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

es6新增的Number、Math方法

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

es6數(shù)組的擴(kuò)展

    Arry.from() 將類數(shù)組對(duì)象或者可遍歷對(duì)象轉(zhuǎn)化成數(shù)組，Set結(jié)構(gòu)
    Arry.of() 
    參數(shù)是一組數(shù)，將它們作為一個(gè)數(shù)組的元素返回?cái)?shù)組。
    與構(gòu)造函數(shù)Array()的區(qū)別：Array()會(huì)因?yàn)閰?shù)的個(gè)數(shù)不同而不同，參數(shù)是一個(gè)時(shí)，返回含參數(shù)個(gè)元素為undefined的數(shù)組
    
    find() findIndex() 
    參數(shù)是一個(gè)回調(diào)函數(shù)，返回第一個(gè)匹配的元素或其下標(biāo)。都可以發(fā)現(xiàn)NaN，彌補(bǔ)了IndexOf()的不足
    
    fill() 用第一個(gè)參數(shù)填充數(shù)組，用可選的第一第二個(gè)參數(shù)指定填充的開(kāi)始位置和結(jié)束位置。
    entries() keys() values() 返回一個(gè)遍歷器，使for...of遍歷數(shù)組的鍵值對(duì)、鍵名、鍵值。
    
    數(shù)組推導(dǎo)
    直接在方括號(hào)中使用for...of和if語(yǔ)句等對(duì)原有數(shù)組操作返回新的數(shù)組，與map()和filter()功能類似。
    也可以對(duì)字符串進(jìn)行處理。
    
    Array.observe() Array.unobserve()

*es6對(duì)象的擴(kuò)展

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

Set

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

generator（超難了解即可）

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

列幾個(gè)es7特性（只需列出，不必學(xué)習(xí)）

數(shù)組、對(duì)象的解構(gòu)賦值

    “模式匹配”。
    只要某種數(shù)據(jù)結(jié)構(gòu)具有Iterator接口，都可以采用數(shù)組形式的解構(gòu)賦值。
    允許有默認(rèn)值，也可以引用解構(gòu)賦值的其他變量，但該變量必須已經(jīng)聲明。
    數(shù)組的元素有次序，變量按次序取值；而對(duì)象屬性沒(méi)有次序，變量名必須和屬性名相同才能取到值。
    數(shù)組和對(duì)象都可以用于嵌套結(jié)構(gòu)的對(duì)象。
    用途：

阮一峰 ES6-解構(gòu)的用途

rest參數(shù)使用方法

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

云服務(wù)器 GPU云服務(wù)器 javascript核心 javascript核心技術(shù) javascript核心編程 javascript學(xué)習(xí)筆記

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/84360.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

suosuopuo

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow如何指定gpu

閱讀 3208·2023-04-26 03:01
tensorflow分布式訓(xùn)練

閱讀 3594·2023-04-25 19:54
什么是linux?Linux需要學(xué)習(xí)什么語(yǔ)言?

閱讀 1695·2021-11-24 09:39
C語(yǔ)言基礎(chǔ)——字符串逆序（遞歸實(shí)現(xiàn)，不使用庫(kù)函數(shù)）

閱讀 1452·2021-11-19 09:40
五萬(wàn)字15張導(dǎo)圖Java自學(xué)路線，小白零基礎(chǔ)入門，程序員進(jìn)階，收藏這篇就夠了

閱讀 4369·2021-10-14 09:43
React中禁止頁(yè)面滾動(dòng)

閱讀 2883·2019-08-30 15:56
【Amaple教程】4. 組件

閱讀 1548·2019-08-30 13:52
簡(jiǎn)易時(shí)鐘動(dòng)畫

閱讀 1720·2019-08-29 13:05

成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲中文字幕日韩无码

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript 語(yǔ)言核心筆記（持續(xù)更新）

相關(guān)文章

ApacheCN 編程/大數(shù)據(jù)/數(shù)據(jù)科學(xué)/人工智能學(xué)習(xí)資源 2019.5

ApacheCN 編程/大數(shù)據(jù)/數(shù)據(jù)科學(xué)/人工智能學(xué)習(xí)資源 2019.6

程序員寫簡(jiǎn)歷時(shí)的技術(shù)詞匯拼寫規(guī)范備忘錄！

**Kubernetes學(xué)習(xí)筆記（持續(xù)更新）**

網(wǎng)易微專業(yè)之《前端開(kāi)發(fā)工程師》學(xué)習(xí)筆記（1）

發(fā)表評(píng)論

0條評(píng)論

suosuopuo

男|高級(jí)講師

TA的文章

tensorflow如何指定gpu

tensorflow分布式訓(xùn)練

什么是linux?Linux需要學(xué)習(xí)什么語(yǔ)言?

C語(yǔ)言基礎(chǔ)——字符串逆序（遞歸實(shí)現(xiàn)，不使用庫(kù)函數(shù)）

五萬(wàn)字15張導(dǎo)圖Java自學(xué)路線，小白零基礎(chǔ)入門，程序員進(jìn)階，收藏這篇就夠了

React中禁止頁(yè)面滾動(dòng)

【Amaple教程】4. 組件

簡(jiǎn)易時(shí)鐘動(dòng)畫

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript 語(yǔ)言核心筆記（持續(xù)更新）

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！