es6常用知识点，福利分享，web前端可视化开发

函数只有一条return语句

// 如果函数只有一条return语句

const double = x=>x*2 //只有一条return 语句可以简写成这样

console.log(double(5)) // 10

函数参数赋值

// 参数赋值

const fuzhi = ( name = “胡庆虎”) => {

console.log(hello ${name})

}

fuzhi()

fuzhi(“假的胡庆虎”)

函数参数展开

//函数参数展开

function zhankai (name1,name2) {

console.log( name1,name2)

}

let arr = [‘小明’,‘小王’]

// zhankai.apply(null,arr) //小明 小王

zhankai(…arr) //小明 小王

模板字符串

---

拼接字符串过于繁琐，用模板字符串非常简单！

let name = “虎宝宝”

course = “在总结es6”

console.log('hello ’ + name + ‘现在’ + course)

console.log(hello ${name} 现在 ${course})

解构赋值

---

let [x,y] = [4,8]

console.log(…[4,8])//4 8

let arr1 = [1,3]

let arr2 = [4,6]

console.log(concat:${arr1.concat(arr2)})//[1,3,4,6]

// […arr1,…arr2] //[1,3,4,6]

//对数组的解构

let [a,…b] = [1,2,3,4] //a:1,b:[2,3,4]

const arr = [‘hello’,‘immoc’]

let [arg1,arg2] = arr //批量赋值

console.log(arg1,arg2) //hello immoc

//对对象的解构

const obj = {

name : ‘immoc’,

course : ‘在学习’

}

let {name,course} = obj

console.log(name,course) //immoc 在学习

//对字符串的解构

let [c,d,f] = “ES6” //c:E,d:S,f:6

let xy = […‘ES6’] //[“E”, “S”, “6”]

对象的拓展

---

知识点：

1.Object.keys values entries

2.对象方法简写，计算属性

3.展开运算符（不是es6标准，但是bable支持

Object.keys values entries

let obj = {

name:“杨柳”,

age:20

}

//获取obj的所有key

console.log(Object.keys(obj)) //[“name”, “age”]

//获取obj的所有values

console.log(Object.values(obj)) //[“杨柳”, 20]

//获取obj的key和values注意，结果是个二维数组

console.log(Object.entries(obj)) //[[“name”, “杨柳”],[“age”, 20]]

对象计算属性

//计算属性

const name = ‘imooc’

let obj1 = {

[name]:‘hello’ //不加[]就输出{name: “hello”, imooc: “hello imooc”},加了输出{imooc: “hello imooc”}

}

obj1[name] = ‘hello imooc’

console.log(obj1)

let obj2 = {

name,//就是name:name

hello:function(){

},

hello1(){//等价于上面的hello

},

}

let obj3 = {

name:“杨柳”,

age:20

}

let obj4 = {

type:“test”,

name:‘woniu’

}

// console.log(obj3)

console.log({…obj3,…obj4,data:2017}) //{name: “woniu”, age: 20, type: “test”, data: 2017}

Class的用法

---

class MyApp {

constructor () {

this.name = ‘immoc’

}

sayHello(){

console.log(hello ${this.name})

}

}

const app = new MyApp

app.sayHello() //hello immoc

Promise的用处

---

let checkLogin = () => {

return new Promise((resolve,reject)=>{

let flag = document.cookie.indexOf(“userId”) > -1 ? true : false;

if(flag=true){

resolve({

status:0,

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

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

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

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

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

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

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。