前端知识点总结:(刷题中)

1.indexOf():返回指定字符串在字符串中出现的位置,没有返回-1;

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

2.reduce():接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。对空数组是不会执行回调函数的。

1)计算数组总和
var num = [1,2,3,4];
var res =num.reduce((total,num)=>{
return total+num;
},0); //10
2)合并数组
[[0,1],[1,2]].reduce((
(a,b)=>{return a.concat(b)}
),[1,2]); //[1,2,0,1,1,2]

3.padStart():如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。

'x'.padStart(5, 'ab') // 'ababx'
'x'.padEnd(5, 'ab') // 'xabab'
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'
如果省略第二个参数,默认使用空格补全长度。
'x'.padStart(4) // ' x'
'x'.padEnd(4) // 'x '

4.事件传播的三个阶段:捕获->目标->冒泡 :在捕获阶段,事件通过父元素向下传递到目标元素,然后它到达目标元素,冒泡开始。
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:用来获取一个模板字符串的原始字符串的,它返回一个字符串,忽略转义符。

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

未完待续

你可能感兴趣的:(前端知识点总结:(刷题中))