码迷,mamicode.com
首页 > 其他好文 > 详细

ES6面试题总结

时间:2019-01-22 17:30:06      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:相同   cti   交换变量   并且   习题   get   完成   reflect   赋值   

1、说出至少5个ES6的新特性,并简述它们的作用。(简答题)

1.let关键字,用于声明只在块级作用域起作用的变量;

2.const关键字,用于声明一个常量;

3.结构赋值,一种新的变量赋值方式。常用于交换变量值,提取函数返回值,设置默认值;

4.Symbol数据类型,定义一个独一无二的值;

5.Proxy代理,用于编写处理函数,来拦截目标对象的操作;

6.for...of遍历,可遍历具有iterator接口的数据结构;

7.Set结构,存储不重复的成员值的集合;

8.Map结构,键名可以是任何类型的键值对集合;

9.Promise对象,更合理、规范地处理异步操作;

10.Class类定义类和更简便地实现类的继承;

2、使用结构赋值,实现两个变量的值的交换(编程题)

let a = 1;let b = 2;

[a,b] = [b,a];

3、使用结构赋值,完成函数的参数默认值(编程题)

function demo({name="王德发"}){console.log(name)};

4、利用数组推导,计算出数组[1,2,3,4]每一个元素的平方并组成新的数组(编程题)

var arr1 =  [1,2,3,4】;

var arr2 = [for(i of arr1) i * i];

console.log(arr2);

5、使用模板字符串改写下面的代码。(ES5 to ES6改写题)

ES5:

let iam = "我是";

let name = "huhu";

let str = "大家好," +  iam + name + ",多指教。";

ES6:

let iam = `我是`;

let name = `huhu`;

let str = `大家好,$( iam + name ),多指教。`

6、用对象的简洁表示法改写下面的代码。(ES5 to ES6改写题)

ES5:

let name = "huhu";

let obj = {

  "name":name,

  "say":function(){

     alert("Hello world");

   }

}

ES6:

let name = "huhu";

let obj = {

  name,

  say(){

    alert(‘hello world‘);

  }

}

7、用箭头函数的形式改写下面的代码。(ES5 to ES6改写题)

ES5:

arr.forEach(function(v,i) {

  console.log(i);

  console.log(v);

});

ES6:

arr.forEach((v,i) => {

  console.log(i);

  console.log(v);

})

8、设计一个对象,键名的类型至少包含一个symbol类型,并且实现遍历所有key。(编程题)

let name = Symbol(‘name‘);

let product = {

  [name]:"洗衣机",

  "price":799

};

Reflect.ownKeys(product);

9、有一本书的属性为:{"name":"《ES6基础系列》","price":56};要求使用Proxy对象对其进行拦截处理,name属性对外为"

《ES6入门到懵逼》",price属性为只读。(练习题)

let book  = {
  "name":"《ES6基础系列》",
  "price":56
};
let proxy = new Proxy(book,{
  get:function(target,property){
     if(property === "name"){
        return "《入门到懵逼》";            }else{
        return target[property];          }
},    
  set:function(target,property,value){
        if(property === ‘price‘){             target[property] = 56;         }     }   });
10、关于Set结构,阅读下面的代码,回答问题。
let s = new Set();

s.add([1]);
s.add([1]);
console.log(s.size);
打印出来的size的值是多少?
打印出来的size值是2,如果想回答是1的,多必是记得Set结构是不会存储相同的值。其实在这个案例中,两个数组 [1] 并不是同一个值,它们分别定义的数组,在内存中分别对应着不同的
存储地址,因此并不是相同的值。所以都能存储到Set结构中,size为2;

11、关于Map结构, 阅读下面的代码,回答问题。(代码阅读题)
let map = new Map();
map.set([1],"ES6系列");
let con = map.get([1]);
console.log(con);
问:打印出来的变量 con 的值是多少,为什么?
答:undefined。因为set的时候用的数组 [1] 和 get的时候用的数组 [1] 是分别两个不同的数组,只不过它们元素都是 1。它们是分别定义的两个数组,并不是同一个值。新手避免在这里犯错。
如果想达到预期的效果,你要保证 get 的时候和 set的时候用同一个数组。比如:
let map = new Map();
let arr = [1];
map.set(arr,"ES6系列");
let con = map.get(arr);
console.log(con); // ES6系列

12、定义一个类 Animal,通过传参初始化它的类型,如:“猫科类”。它有一个实例方法:run,run函数体内容可自行定义。
class Animal{
  constructor(type){
    this.type = type;
  },
  run(){
    alert("I can run");
  }
}

13、基于第12题的Animal类,定义一个子类Cat并继承Animal类。初始化Cat类的昵称name和年龄age。并拥有实例方法eat,eat函数体内容可自行定义。
 
 class Cat extends Animal{
    constructor(type,name,age){
      super(type);
      this.name = name;
      this.age = age;
    },
    eat(){
      alert(‘I am eating‘);
    }
  }

 

ES6面试题总结

标签:相同   cti   交换变量   并且   习题   get   完成   reflect   赋值   

原文地址:https://www.cnblogs.com/rxqlx/p/10304599.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!