資訊專欄INFORMATION COLUMN
摘要：消除字符串頭部空格消除尾部空格從頭部補(bǔ)全字符串從尾部補(bǔ)全字符串
let和const
var關(guān)鍵字定義變量的特點(diǎn)：
可以重復(fù)定義
不能定義常量
不支持塊級作用域
let的特點(diǎn)
不可以重復(fù)定義
變量不能提升，在變量定義之前，不能使用
在大括號當(dāng)中定義的變量（塊級作用域中），在作用域外無法訪問
解決一些ES5當(dāng)中需要閉包實(shí)現(xiàn)的功能，比如：每隔1秒循環(huán)輸出一個當(dāng)前的值
const的特點(diǎn)
常量一旦定義，就不能被修改
如果常量的值是一個引用類型，引用對象的屬性還是可以修改的
結(jié)構(gòu)賦值ES6允許按照一定模式，從數(shù)組和對象中提取值，對變量進(jìn)行賦值，這被稱為結(jié)構(gòu)。
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
}
特點(diǎn)
可以通過“模式匹配”的寫法從數(shù)組或者對象中取出來值，直接賦值給某變量
不完全解構(gòu)，等號左邊的模式，只匹配右邊的一部分
解構(gòu)賦值可以指定默認(rèn)值，如果從等號右邊取出來的值是undefined，就會使用指定的默認(rèn)值
數(shù)組的解構(gòu)賦值要完全按照數(shù)組的秩序取值，對象不需要
如果解構(gòu)賦值等號右邊是布爾或者數(shù)值，會先轉(zhuǎn)為對象
字符串也可以執(zhí)行結(jié)構(gòu)賦值，字符串結(jié)構(gòu)賦值的時候，被當(dāng)做類數(shù)組的對象
函數(shù)的參數(shù)也可以使用解構(gòu)默認(rèn)賦值，往往還會設(shè)置默認(rèn)值，當(dāng)參數(shù)沒有的時候，直接使用默認(rèn)值
以下三種解構(gòu)賦值不能使用圓括號
變量生命語句
函數(shù)參數(shù)
賦值語句的模式
用途
交換變量的值
從函數(shù)返回多個值
函數(shù)參數(shù)的定義
提取JSON數(shù)據(jù)
函數(shù)參數(shù)的默認(rèn)值
遍歷Map結(jié)構(gòu)
輸入模塊的指定方法
字符串?dāng)U展字符的Unicode表示法
使用for...of循環(huán)遍歷字符串，ES6字符串添加了遍歷器接口Iterator
模板字符串，ES6自帶模板解析引擎
模板字符串可以直接跟在函數(shù)名后面，該函數(shù)將被調(diào)用來處理這個模板字符串
模板字符串
ES6當(dāng)中字符串使用反引號(`)標(biāo)識，字符串當(dāng)中嵌入變量可以通過${}來添加，比如：
const {name,age} = {
name:"mmcai",
age:28
}
const str = `我的名字是${name},我今年${age}歲了`;
其實(shí)模板字符串，就是ES6本身自帶了一個模板引擎，來對特殊的內(nèi)容進(jìn)行解析，大概原理如下：
let compile = (desc){
return desc.replace(/${([^}]+)}/g,(matched,key)=>{
return eval(key);
}
}
模板字符串使用`標(biāo)識，使用${}包括嵌入的變量
模板字符串可以換行
當(dāng)我們需要自定義模板引擎的時候，可以使用標(biāo)簽?zāi)０?，通過函數(shù)來實(shí)現(xiàn)
字符串新增方法
includes——判斷字符串中是否包含某字符串，返回布爾值
startsWith——字符串頭部是否有某字符串，返回布爾值
endsWith——字符串結(jié)尾是否有某字符串，返回布爾值
repeat——返回一個重復(fù)了n次的新字符串。
trimStart——消除字符串頭部空格
trimEnd——消除尾部空格
padStart——從頭部補(bǔ)全字符串
padEnd——從尾部補(bǔ)全字符串
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/105436.html
摘要：的輸出方式瀏覽器彈出警告彈框，它會阻塞代碼執(zhí)行彈框，它顯示的內(nèi)容會默認(rèn)轉(zhuǎn)換成字符串顯示例如彈出一個可輸入的彈框，還有兩個按鈕確認(rèn)和取消點(diǎn)擊確定，返回在輸入框輸入的內(nèi)容，點(diǎn)擊取消返回空確認(rèn)彈框有兩個按鈕，確認(rèn)和取消，點(diǎn)擊確認(rèn)返回為點(diǎn)擊取消為， js的輸出方式： 1、alert();瀏覽器彈出警告彈框，它會阻塞代碼執(zhí)行；alert彈框，它顯示的內(nèi)容會默認(rèn)轉(zhuǎn)換成字符串顯示； 例如:alert...
摘要：公司的招聘要求都提到了至少熟悉其中一種前端框架，有前端工程化與模塊化開發(fā)實(shí)踐經(jīng)驗(yàn)相關(guān)字眼。我們主要從端公眾號移動端小程序三大平臺進(jìn)行前端的技術(shù)選型，并來說說選其技術(shù)的幾大優(yōu)勢。技術(shù)的優(yōu)勢互聯(lián)網(wǎng)前端大潮后，前端出現(xiàn)了大框架，分別是與。 1、技術(shù)選型的背景前端技術(shù)發(fā)展日新月異，互聯(lián)網(wǎng)上出現(xiàn)的新型框架也比較多，如何讓新招聘的人員...
摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問起有關(guān)與時，老司機(jī)們首先就會告訴你其實(shí)是個沒有網(wǎng)絡(luò)請求功能的庫。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡單 原文地址：Learning React.js is easier than you think 原文作...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...
閱讀 845·2023-04-25 19:43
閱讀 4110·2021-11-30 14:52
閱讀 3920·2021-11-30 14:52
閱讀 4024·2021-11-29 11:00
閱讀 3918·2021-11-29 11:00
閱讀 4036·2021-11-29 11:00
閱讀 3752·2021-11-29 11:00
閱讀 6599·2021-11-29 11:00
