2024年最全JavaScript之ES6快速入门(1)，前端面试 算法

总结

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

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

下打印的结果是什么了

(2)let：局部变量（所声明的变量，只在let命令所在的代码块内有效。）

(3)const：声明的变量是常量,不能被修改

4、解构表达式

数组解构

比如有一个数组:

let arr = [ 1,2,3 ]

我想获取其中的值，只能通过角标。ES6可以这样:

const [ x,y,z] = arr;//x,y，z将与arr中的每个位置对应来取值

//然后打印

console.log(x,y,z);

打开谷歌浏览器

（1）一般的取值方式

let arr = [2,5,-10,15];

let x = arr[0] , y = arr[1];

（2）解构表达式取值：获取前两个值

let arr = [2,5,-10,15];

let[x,y] = arr;

x

2

y

5

（3）解构表达式取值：获取后两个值

let [,a,b] = arr;

undefined

a

-10

b

15

（4）解构表达式取值：获取除了第一个以外的其他所有元素

let [,…rest] = arr;

undefined

rest

(3) [5, -10, 15]

（5）解析对象

let p = {name:“jack”,age:21}

undefined

let {name,age} = p;

undefined

name

“jack”

age

21

（6）解析对象：并更改其变量名称

let p = {name:“jack”,age:21}

undefined

let {name:n} = p;

undefined

n

“jack”

（7）解析复杂对象：

p = {name:“jack”,age:21,girl:{name:“rose”,age:“18”}}

{name: “jack”, age: 21, girl: {…}}

let{girl:{name}} = p;

undefined

name

“rose”

（8）对象的拷贝

let {…obj} = p;

undefined

obj

{name: “jack”, age: 21, girl: {…}}

查看obj是否等同于p

obj == p

false

（9）ES6的函数

定义函数

浏览器控制台调用函数

（10）js创建对象，定义属性和方法

（11）ES6创建对象，定义属性和方法

运行结果

定义有参函数