前端面试2021-002

2021-12-06 18:01:59 浏览数 (1)

一、简答题

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

....

image.png

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]]的值,赋值给变量
代码语言:javascript复制
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. 观察代码说明输出结果
代码语言:javascript复制
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. 观察代码,说明输出结果
代码语言:javascript复制
const userStr = "zhangsan,lisi,wangwu,zhaoliu";
const { 1: a, 3: b } = userStr.split(',');
console.log(a, b)    // ?  list   zhaoliu

上述代码中,通过split()函数将字符串拆分成了数组

然后通过解构赋值的方式进行了数据的提取,通过对象的结构提取数组中的数据

上述代码中如果不会出现错误的情况下,可以按照索引进行解构

a中解构的数据list,b中解构的数据zhaoliu

0 人点赞