2021-10-16 git与ES6面试题

一、简答题

1. 简述git fetch命令和git pull命令的区别，它们都在什么情况下使用？
   fetch命令和pull命令都是从远程仓库拉取更新的命令
   fetch命令直接从远程仓库拉取指定分支的更新到本地对应的分支
   pull命令从远程仓库拉取指定的分支更新到本地并合并到当前分支，相当于fetch+merge命令的结合使用

2. 简述git中常用的操作命令
   git config --global user.name “”
   git config --global user.email “”
   git init
   git status
   git add
   git commit
   git push
   git pull
   git fetch
   git log
   git reset
   …
   

3. ES6中的let关键字和var关键字声明变量的区别？
   var关键字是原生JS中声明变量的关键字，let关键字是ES6语法中新增关键字
   let关键字声明的变量不能重复声明，var关键字可以重复声明变量
   let关键字解析变量时没有预解析，var关键字声明的变量包含预解析过程
   let关键字提供了块级作用域，var关键字没有块作用域只有局部/全部作用域

4. 简述模板字符串的使用优势？
   常规字符串中如果需要进行字符串和变量数据的拼接，需要通过连接符号+进行拼接，如果字符串和拼接的变量数量较多，拼接过程非常繁琐，代码阅读非常不便利
   模板字符串是ES6新增的语法，使用反引号包含一串字符，变量可以通过固定语法${}的形式在字符串内部直接使用和操作，相当于提升了操作效率

5. ES6新语法中对数组进行了那些改进？
   ES6语法中针对数组的创建和其他类数组的转换提供了两个常用的函数
   Array.of()用于新建数组对象
   Array.from()用于将其他类数组转换成数组

6. 简述ES6中数组解构赋值都有哪几种操作方式？
   解构赋值的操作，数组的解构主要包含如下几种

• 完全解构
• 不完全解构
• 解构失败 | 过度解构
• 解构默认值
• 缺省解构

7. 简述你对ES6中对象解构赋值的认识？
   ES6中提供的对象解构语法包含如下几种

• 完全解构
• 简洁语法解构
• 不完全解构，是代码中使用最频繁的操作

8. let {toString: f} = 100,请描述f的值是什么？为什么？
   f打印出来是一个函数
   100是一个数值类型，本质上是一个Number对象，对象包含toString()函数用于输出数据，解构赋值中将Number对象中的toString进行了解构，所以解构中赋值的变量f中存储的就是一个toString函数声明

二、实操题

1. 将数组[100, 200, [101, 201], [301, 302]]的值，赋值给变量
   let arr = [100, 200, [101, 201], [301, 302]]
   let [a, b, [c, d], [e, f]] = arr
   // a=100, b=200, c=101, d=201, e=301, f=302

2. 观察代码说明输出结果

let obj = {a: 1, b: 2, c: {d: {e: 5}}}
let {a, b, c: {d}} = obj
console.log(d)

let obj = {a: 1, b: 2, c: {d: {e: 5}}}
let {a, b, c: {d}} = obj
console.log(d) // ① ? {e: 5} 注意这里按照数据的结构进行取值，展示d变量中的数据
/** 解构默认值 **/
let {a = 10, b = 5} = {a: 3};
console.log(a, b) // ② ?
// a-3 b-5 解构默认值~如果解构得到数据就直接使用，没有数据使用默认值数据
let {a: aa = 10, b: bb = 5} = {a: 3};
console.log(aa, bb) // ③ ? aa-3 bb-5 解构默认值操作原理
let obj = {p: [{y: ‘world’}] };
let {p: [{ y }, x ] } = obj;
console.log(x, y) // ④ ? undefined world

3. 观察代码，说明输出结果

const userStr = "zhangsan,lisi,wangwu,zhaoliu";
const { 1: a, 3: b } = userStr.split(',');
console.log(a, b)  

const userStr = “zhangsan,lisi,wangwu,zhaoliu”;
const { 1: a, 3: b } = userStr.split(’,’);
console.log(a, b) // ? list zhaoliu
上述代码中，通过split()函数将字符串拆分成了数组
然后通过解构赋值的方式进行了数据的提取，通过对象的结构提取数组中的数据
上述代码中如果不会出现错误的情况下，可以按照索引进行解构
a中解构的数据list，b中解构的数据zhaoliu