es6的15道面试题
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.***使用结构赋值,完成函数的参数默认值(编程题)***。
functiondemo({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改写题)
let name = "纵有千般好";
let obj = {
"name":name,
"say":function(){
alert('hello world');
}
};
改写成:
let name = "纵有千般好";
let obj = {name,
say(){
alert('hello world');
}
};
7.用箭头函数的形式改写下面的代码。(ES5 to ES6改写题)
arr.forEach(function(v,i) {console.log(i);console.log(v);
});
改写成:
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 = newProxy(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.阅读下面的代码,并用for…of改成它。(ES5 to ES6改写题)
let arr = [11,22,33,44,55];
let sum = 0;
for(let i=0;i<arr.length;i++){sum += arr[i];
}
改写:
let arr = [11,22,33,44,55];
let sum = 0;
for(value of arr){sum += value;
}
11.关于Set结构,阅读下面的代码,回答问题。(代码阅读题)。
let s = newSet();
s.add([1]);
s.add([1]);
console.log(s.size);
问:打印出来的size的值是多少?
答:2。
如果回答为1的同学,多必是记得Set结构是不会存储相同的值。
其实在这个案例中,两个数组[1]并不是同一个值,它们分别定义的数组,
在内存中分别对应着不同的存储地址,因此并不是相同的值。
所以都能存储到Set结构中,size为2。
12.关于Map结构,阅读下面的代码,回答问题。(代码阅读题)
let map = newMap();
map.set([1],"ES6系列");
let con = map.get([1]);
console.log(con);
问:打印出来的变量con的值是多少,为什么?
答:undefined。
因为set的时候用的数组[1]和get的时候用的数组[1]
是分别两个不同的数组,只不过它们元素都是1。
它们是分别定义的两个数组,并不是同一个值。新手避免在这里犯错。
如果想达到预期的效果,你要保证get的时候和set的时候用同一个数组。
比如:
let map = newMap();
let arr = [1];
map.set(arr,"ES6系列");
let con = map.get(arr);
console.log(con);
这样的得到的变量con的值就是:“ES6系列”。
13.定义一个类Animal,通过传参初始化它的类型,如:“猫科类”。它有一个实例方法:run,run函数体内容可自行定义。
答:
classAnimal{
constructor(type){this.type = type;
}
run(){alert('I can run');
}
}
14.基于上一题的Animal类,定义一个子类Cat并继承Animal类。初始化Cat类的昵称name和年龄age。并拥有实例方法eat,eat函数体内容可自行定义。
答:
classCatextendsAnimal{constructor(type,name,age){super(type);this.name = name;this.age = age;}eat(){alert('I am eating');}
}
15.利用module模块,实现两个模块A和B,A模块导出变量name,age和say方法。B模块只导入变量name和say方法,并且重命名name为nickname。
答:
//-----模块A-------//
var name = "kitty";
var age = 15;
var say = function(){
//....
};
export{name,age,say}//---module-B.js文件---
import{ name as nickname, say } from"模块A的相对路径";
es6的15道面试题相关推荐
- python 实数如何取整_从面试官角度提问:15道硬核Python面试题,论面霸是如何炼成的...
见过面试题也不少了,总之了一句话:面试前备好功课,面试中临危不乱,面试后谦虚有礼!这只是我本人总结的一些面试三要素,需要的可以参考参考,话不多了,今天为大家找了比较硬核的15道面试题,希望能够对各位有 ...
- python画菊花_网传“菊花厂月薪13K”15道硬核Python面试题,值得一看!
见过面试题也不少了,总之了一句话:面试前备好功课,面试中临危不乱,面试后谦虚有礼!这只是我本人总结的一些面试三要素,需要的可以参考参考,话不多了,今天为大家找了网传菊花厂比较硬核的15道面试题,希望能 ...
- 松哥整理了 15 道 Spring Boot 高频面试题,看完当面霸
什么是面霸?就是在面试中,神挡杀神佛挡杀佛,见招拆招,面到面试官自惭形秽自叹不如!松哥希望本文能成为你面霸路上的垫脚石! 做 Java 开发,没有人敢小觑 Spring Boot 的重要性,现在出去面 ...
- Google 15道古怪面试题(有参考答案)
http://student.csdn.net/mcd/topic/833628/944375 Google的面试题在刁钻古怪方面相当出名,甚至已经有些被神化的味道.这个话题已经探讨过很多次,这里贴出 ...
- 最新Google 15道古怪面试题
Google的面试题在刁钻古怪方面相当出名,甚至已经有些被神化的味道.这个话题已经探讨过很多次,而科技博客BusinessInsider这两天先是贴出15道Google面试题并一一给出了答案,其中不少 ...
- 某学员成功入职大厂软件测试主管后总结的8个面试建议和15道经典面试题
找工作或找到合适的工作,一直都是在职场人中经常被提及的话题,特别是在互联网这个人才流动性比较大的行业.而每次提到找工作,也必然少不了对面试的谈论. 因为软件测试是偏向于技术类的岗位,所以除了需要在面试 ...
- 松哥整理了 15 道 Spring Boot 高频面试题,看完当面霸!
点击"牧码小子"关注,和众多大牛一起成长! 关注后,后台回复 java ,领取松哥为你精心准备的技术干货! 什么是面霸?就是在面试中,神挡杀神佛挡杀佛,见招拆招,面到面试官自惭形秽 ...
- 15道非常经典的TCP面试题
TCP协议是大厂面试必问的知识点.整理了15道非常经典的TCP面试题,希望大家都找到理想的offer呀 以下文章来源于捡田螺的小男孩 ,作者捡田螺的小男孩 讲下TCP三次握手流程 开始客户端和服务器都 ...
- 【2022最新Java面试宝典】—— Tomcat面试题(15道含答案)
目录 1. Tomcat的缺省端口是多少,怎么修改? 2. tomcat 有哪几种Connector 运行模式(优化)? 3. Tomcat有几种部署方式? 4. tomcat容器是如何创建servl ...
最新文章
- ftp+nginx+lua_Nginx+GraphicsMagick来实现目录浏览、实时缩略图
- Ajax — 第一天
- 缺少linux内核,Linux内核缺页
- 安装sql server 2000时,提示:以前的某个程序安装已在安装计算机上创建挂起的文件操作,需重起...
- 用C语言设置程序开机自启动
- C语言最重要的知识点(电子文档)
- python系统编程模块_Python系统进程管理模块
- 蓝桥集训之位运算和相关函数
- 网络设备中的路由器的作用,如何设置路由器,上网、IP分配、黑白名单、访问量...
- Chrome浏览器模拟手机访问网站
- tomcat启动时报错ports are invalid,默认端口不要为-1
- 【OFDM通信】基于matlab OFDM通信系统仿真【含Matlab源码 1005期】
- c语言把文件看作是一个字符序列,C语言对文件的操作
- 企业级用户画像: 价格敏感度模型-PSM
- Win10 ipv6无网络访问权限怎么解决
- 在angular中实现图片/视频的预览
- 【设计模式】- 观察者模式
- FPGA控制DAC8550
- Linux:TTY串口驱动数据接收设置
- EasyRecovery15数据恢复注意事项及主要功能介绍