珠峰培訓ES6學習筆記1

番茄西紅柿發布于2019-08-23 18:33 / 3042人閱讀

摘要：消除字符串頭部空格消除尾部空格從頭部補全字符串從尾部補全字符串

let和const

var關鍵字定義變量的特點：

可以重復定義

不能定義常量

不支持塊級作用域

let的特點

不可以重復定義

變量不能提升，在變量定義之前，不能使用

在大括號當中定義的變量（塊級作用域中），在作用域外無法訪問

解決一些ES5當中需要閉包實現的功能，比如：每隔1秒循環輸出一個當前的值

const的特點

常量一旦定義，就不能被修改

如果常量的值是一個引用類型，引用對象的屬性還是可以修改的

結構賦值

ES6允許按照一定模式，從數組和對象中提取值，對變量進行賦值，這被稱為結構。

let arr = [1,2,3];
let [a,b,c] = arr;

let [,,m] = arr;
// m = 3

let [d,...e] = arr;
// d = 1
// e = [2,3]

let [f,g,...h] = [1];
// f = 1
// g = undefined
// h = []

let obj = {
    name:"mmcai",
    age:28,
    long:165
}

let {name,age,long} = obj;
// name = "mmcai"
// age = 28
// long = 165

let {name:myName,age:myAge} = obj;
// myName = "mmcai"
// myAge = 28

let {name,...O} = obj;

// name = "mmcai"
// O = {
    age:28,
    long:165
}

特點

可以通過“模式匹配”的寫法從數組或者對象中取出來值，直接賦值給某變量

不完全解構，等號左邊的模式，只匹配右邊的一部分

解構賦值可以指定默認值，如果從等號右邊取出來的值是undefined，就會使用指定的默認值

數組的解構賦值要完全按照數組的秩序取值，對象不需要

如果解構賦值等號右邊是布爾或者數值，會先轉為對象

字符串也可以執行結構賦值，字符串結構賦值的時候，被當做類數組的對象

函數的參數也可以使用解構默認賦值，往往還會設置默認值，當參數沒有的時候，直接使用默認值

以下三種解構賦值不能使用圓括號

變量生命語句

函數參數

賦值語句的模式

用途

交換變量的值

從函數返回多個值

函數參數的定義

提取JSON數據

函數參數的默認值

遍歷Map結構

輸入模塊的指定方法

字符串擴展

字符的Unicode表示法

使用for...of循環遍歷字符串，ES6字符串添加了遍歷器接口Iterator

模板字符串，ES6自帶模板解析引擎

模板字符串可以直接跟在函數名后面，該函數將被調用來處理這個模板字符串

模板字符串
ES6當中字符串使用反引號(`)標識，字符串當中嵌入變量可以通過${}來添加，比如：

const {name,age} = {
    name:"mmcai",
    age:28
}

const str = `我的名字是${name},我今年${age}歲了`;

其實模板字符串，就是ES6本身自帶了一個模板引擎，來對特殊的內容進行解析，大概原理如下：

let compile = (desc){
    return desc.replace(/${([^}]+)}/g,(matched,key)=>{
        return eval(key);
    }
}

模板字符串使用`標識，使用${}包括嵌入的變量

模板字符串可以換行

當我們需要自定義模板引擎的時候，可以使用標簽模板，通過函數來實現

字符串新增方法

includes——判斷字符串中是否包含某字符串，返回布爾值

startsWith——字符串頭部是否有某字符串，返回布爾值

endsWith——字符串結尾是否有某字符串，返回布爾值

repeat——返回一個重復了n次的新字符串。

trimStart——消除字符串頭部空格

trimEnd——消除尾部空格

padStart——從頭部補全字符串

padEnd——從尾部補全字符串

云服務器 GPU云服務器學習筆記學習筆記一基礎學習筆記深度學習筆記

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

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

js的輸出方式以及js的基本數據類型

摘要：的輸出方式瀏覽器彈出警告彈框，它會阻塞代碼執行彈框，它顯示的內容會默認轉換成字符串顯示例如彈出一個可輸入的彈框，還有兩個按鈕確認和取消點擊確定，返回在輸入框輸入的內容，點擊取消返回空確認彈框有兩個按鈕，確認和取消，點擊確認返回為點擊取消為， js的輸出方式： 1、alert();瀏覽器彈出警告彈框，它會阻塞代碼執行；alert彈框，它顯示的內容會默認轉換成字符串顯示；例如:alert...

weizx 2019-08-23 17:59 評論0 收藏0
珠峰前端架構師培養計劃

摘要：公司的招聘要求都提到了至少熟悉其中一種前端框架，有前端工程化與模塊化開發實踐經驗相關字眼。我們主要從端公眾號移動端小程序三大平臺進行前端的技術選型，并來說說選其技術的幾大優勢。技術的優勢互聯網前端大潮后，前端出現了大框架，分別是與。 1、技術選型的背景前端技術發展日新月異，互聯網上出現的新型框架也比較多，如何讓新招聘的人員...

ccj659 2021-11-22 15:24 評論0 收藏0
前端相關大雜燴

摘要：希望幫助更多的前端愛好者學習。前端開發者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發工程師當你問起有關與時，老司機們首先就會告訴你其實是個沒有網絡請求功能的庫。前端基礎面試題(JS部分) 前端基礎面試題(JS部分) 學習 React.js 比你想象的要簡單原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

pumpkin9 2019-08-23 17:12 評論0 收藏0