• JS面试题汇总(Es6)


    Let 有块级作用域

    不存在变量声明提前

    不允许重复声明

    声明的全局变量不会挂在到window上

    const

    声明一个只读的常量。一旦声明,常量的值就不能改变

    有块级作用域

    不存在变量声明提前

    不允许重复声明

    声明的全局变量不会挂在到window上

    解构

    从数组和对象中提取值,对变量进行赋值,这被称为解构

    可以设置缺省值,使用 ‘,’代替

    let [ , , third] = ["foo", "bar", "baz"];

    可以设置默认值

    let [foo = true] = [];

    解构不仅可以用于数组,还可以用于对象。

    对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

    如果变量名与属性名不一致,必须写成下面这样。

    let obj = { first: 'hello', last: 'world' }; let { first: f, last: l } = obj; f // 'hello' l // 'world

    字符串拓展

    includes():返回布尔值,表示是否找到了参数字符串。

    startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。

    endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。

    Repeat():方法返回一个新字符串,表示将原字符串重复n次。

    padStart(),padEnd()

    如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。

    模板字符串

    使用 ``  进行字符串拼接。 支持 ${name} 

    函数的拓展

    函数可以设置参数的默认值

    rest参数 类似于arguments  …rest 

    箭头函数

    (1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。

    (2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。

    (3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。

    数组拓展

    Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。

    Array.of方法用于将一组值,转换为数组。

    数组实例的copyWithin方法,在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组。也就是说,使用这个方法,会修改当前数组。

    target(必需):从该位置开始替换数据。如果为负值,表示倒数。
    start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。
    end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数。
    数组实例的 find() 和 findIndex()

    数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。

    数组实例的findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。

    fill()

    fill方法使用给定值,填充一个数组。

    Includes()方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似。

    flat()用于将嵌套的数组“拉平”,变成一维的数组。该方法返回一个新数组,对原数据没有影响。

    flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1。

    如果不管有多少层嵌套,都要转成一维数组,可以用Infinity关键字作为参数。

    对象的拓展  讲 class 创建对象,和继承

    关键字super,指向当前对象的原型对象。

    Object.setPrototypeOf(obj, proto);

    给obj的原型上添加 proto属性

    深拷贝 方法一

    对象的扩展运算符(...)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中。

    let z = { a: 3, b: 4 }; let n = { ...z }; n // { a: 3, b: 4 }

    Object.assign()方法。Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target),浅拷贝

    let aClone = { ...a }; // 等同于 let aClone = Object.assign({}, a);

    Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)

    Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。

    add(value):添加某个值,返回 Set 结构本身。

    delete(value):删除某个值,返回一个布尔值,表示删除是否成功。

    has(value):返回一个布尔值,表示该值是否为Set的成员。

    clear():清除所有成员,没有返回值。

    Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

    size属性返回 Map 结构的成员总数。

    set方法设置键名key对应的键值为value,然后返回整个 Map 结构。

    get方法读取key对应的键值,如果找不到key,返回undefined。

    has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。

    delete方法删除某个键,返回true。如果删除失败,返回false。

    clear方法清除所有成员,没有返回值。

    Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。

    会遇到这样的困境:一个接口的参数会需要使用另一个接口获取。

    正常的前端会把接口写在另一个接口的回调里,但是它增加了函数的嵌套深度也会造成一定的逻辑混乱。不利于阅读和维护。

    解决,使用promise 把 ajax 的结果封装到reslove 里面

    然后在下一个ajax 中如果想用上一个ajax 的返回结果,无需嵌套,只需要 p.then 获取

  • 相关阅读:
    记一次stm32开发的环境搭建过程
    SQL如何从字符串截取指定字符(LEFT、MID、RIGHT三大函数)
    Mysql的常见错误总结
    ssh 公钥和密钥
    Appium问题及解决:打开Appium可视化界面,点击搜索按钮,提示inspectormoved
    Python:range、np.arange和np.linspace的区别与联系
    (十二)判断Python中变量是否是函数
    Python之FastAPI返回音视频流
    Color Constancy 颜色恒定性
    【git】git命令行
  • 原文地址:https://blog.csdn.net/qq_26695613/article/details/127652165