前端知識(shí)點(diǎn)總結(jié):(刷題中)

1.indexOf():返回指定字符串在字符串中出現(xiàn)的位置,沒有返回-1;

const list = ['aaa','bbb'];
list.indexOf('aaa');//0
list.indexOf('ccc');//-1

2.reduce():接收一個(gè)函數(shù)作為累加器,數(shù)組中的每個(gè)值(從左到右)開始縮減,最終計(jì)算為一個(gè)值。對空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。

1)計(jì)算數(shù)組總和
var num = [1,2,3,4];
var res =num.reduce((total,num)=>{
return total+num;
},0); //10
2)合并數(shù)組
[[0,1],[1,2]].reduce((
(a,b)=>{return a.concat(b)}
),[1,2]); //[1,2,0,1,1,2]

3.padStart():如果某個(gè)字符串不夠指定長度,會(huì)在頭部或尾部補(bǔ)全。padStart()用于頭部補(bǔ)全,padEnd()用于尾部補(bǔ)全。

'x'.padStart(5, 'ab') // 'ababx'
'x'.padEnd(5, 'ab') // 'xabab'
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'
如果省略第二個(gè)參數(shù),默認(rèn)使用空格補(bǔ)全長度。
'x'.padStart(4) // ' x'
'x'.padEnd(4) // 'x '

4.事件傳播的三個(gè)階段:捕獲->目標(biāo)->冒泡 :在捕獲階段,事件通過父元素向下傳遞到目標(biāo)元素,然后它到達(dá)目標(biāo)元素,冒泡開始。
5.可以通過添加#給class添加私有變量,class外部無法訪問。

class Count{
number = 10;
}
const count = new Count();
console.log(count.number); //10

class Count{
#number = 10;
}
const count = new Count();
console.log(count.#number); //SyntaxError

6.假值:undefined,null,NaN,0,'',false
7.String.raw:用來獲取一個(gè)模板字符串的原始字符串的,它返回一個(gè)字符串,忽略轉(zhuǎn)義符。

String.raw`Hello\nworld` //Hello\nworld

未完待續(xù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容