ES6语法（最详细文章），vivo前端面试

第三条：在构造函数模式当中，构造函数执行构造函数体当中的this.XXX等于XXX，当前this指向当前的构造函数创建的实例。

第四条：改变this，可以通过call和apply以及bind和::语法糖代替bind

第五条：以上四条在箭头函数中不生效

剩余运算符 …

…放在不同的地方有不同的意思

…是个空数组

结构赋值

把右边相同的结构赋值给左边相同的结构叫解构赋值

经常对数组和对象进行操作

解构:左边右边都是相同的解构

赋值：右边的值赋值给左边

//解构赋值并不会影响到原来的元素

let ary=[10,12,23,12,34];

//取第一第二，第三是个数组

let [n,m,…x]=ary;

//不要第二

let [n,…x]=ary;

//如果没有取初始值

let [n,m,x=0]=ary;

//拿去多维数组里面的值

let arr=[1,2,[2,4.[5]]];

let [n,[,[m]]]=arr;

对象的解构赋值

let obj={

a:1,b:2,c=4

}

//结构赋值中左边为值右边为变量名，把值赋值给某个变量

let{

a:zimu,

b:hah,

c:tt

}=obj;

//对象解构会自己创建变量,如果变量跟属性名一致可以简写为一个

let gat={name:‘jaja’,age:‘2’};

let {name,age}=gat;

//还可以给他赋值默认值，如果没有该属性则取初始值,如果有则覆盖初始值

let {height=‘143’}=gat;

//多维对象获取

let ov={

a:zimu,

b:hah,

c:[1,23,43]

}

let {

a,

b,

c:[n,m]

}=ov;

res.data.forEach(({a,b})=>{

console.log(a,b)

})

Class创建类

ES3/ES5创建类

//创建类

function Fn(){

this.x=100

}

//往他的原型上添加属性和方法

Fn.prototype.getX=function(){

console.log(this.x)

}

//创建实例 加不加（）都行加（）优先级会高一些运算符优先级里标注

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】