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