程序员必背的es6面试题

3.8 说⼀下 for in 与 for of 的区别?(80%)

- For in 可以遍历对象⽽ for of 遍历对象会报错

- for in 遍历数组得到的数组的下表⽽ for of 遍历得到的时候数组⾥⾯的每⼀个元素

es5 的面向对象和 es6 的面向对象

es5 的面向对象是通过 new 一个构造函数实现的

es6 的面向对象是通过 class 实现的 es6 的 class 就是面向对象的语法糖

（实现同样的功能但是代码更少更加简洁）

面向对象是一个概念或者编程思想，面向对象是相对于面向过程来讲的，面向对象方法，把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模，更贴近事物的自然运行模式

（在 js 中一切皆对象比如说数组 object number string 等等这些都是内置对象那么怎么自定义对象，es5 的时候没有像后台语言一样的 class 这个概念所以我们用函数当作构造函数来创建对象）

2.13 说说 new 操作符具体⼲了什么？

答：在 JavaScript 中， new 操作符⽤于创建⼀个给定构造函数的实例对象

new 的实例可以访问构造函数函数里的属性

也能访问原型上的方法

创建⼀个新的对象 obj

将对象与构建函数通过原型链连接起来

将构建函数中的 this 绑定到新建的对象 obj 上

根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理

2.14 说⼀下 JavaScript 原型，原型链的理解？

1. prototype 显式原型

每个函数都有一个 prototype 属性，被称为显式原型，里面包含了这个构造函数公共的方法

2. \_ _proto_ 隐式原型

每个实例对象都会有\_ _proto_ _属性,其被称为隐式原型

每一个实例对象的隐式原型_ _proto_ \_属性指向自身构造函数的显式原型 prototype

3. constructor

每个 prototype 原型都有一个 constructor 属性，指向它关联的构造函数。

4. 原型链

获取对象属性或者方法的时候，如果对象本身没有这个属性，那就会去他的原型\_ _proto_ _上去找，如果还查不到，就去找原型的原型，一直找到最顶层(Object.prototype)为止。Object.prototype 对象也有_ _proto_ \_属性值为 null。

2.11 Javascript 如何实现继承?

答：JS 继承实现⽅式也很多，主要分 ES5 和 ES6 继承的实现

1. 先说⼀下 ES5 是如何实现继承的

ES5 实现继承主要是基于 prototype 来实现的，具体有三种⽅法

⼀是实例继承：即 B.prototype=new A() 让 b 的原型等于 a 的实例

⼆是借⽤构造函数继承(call 或者 apply 的⽅式继承)

function B(name,age) {

A.call(ths,name,age)

}

三是组合继承

组合继承是结合第⼀种和第⼆种⽅式

2. 再说⼀下 ES6 是如何实现继承的

ES6 继承是⽬前⽐较新，并且主流的继承⽅式，⽤ class 定义类，⽤ extends 继承类，⽤ super()表示

⽗类,【下⾯代码部分只是熟悉，不⽤说课】

例如：创建 A 类

class A ｛

constructor() {

//构造器代码，new 时⾃动执⾏

}

⽅法 1( ) { //A 类的⽅法 }

⽅法 2( ) { //A 类的⽅法 }

｝

创建 B 类并继承 A 类

class B extends A {

constructor() {

super() //表示⽗类

}

实例化 B 类： var b1=new B( )

b1.⽅法 1( )

1. class 与 class 继承 \*

传统的 javascript 中只有对象，没有类的概念。它是基于原型的面向对象语言。Es5 的时候通过构造函数来创建类到了 es6 我们就可以通过 class 关键字来创建类，跟传统的面向对象的语言更加接近。

ES5 中如果要生成一个对象实例，需要先定义一个构造函数，然后通过 new 操作符来创建实例。

ES6 中的类

ES6 引入了 class（类）这个概念，通过 class 关键字可以定义类。该关键字的出现使得 javascript 在对象写法上更加清晰，更像是一种面向对象的语言。

注意项: 1.在类中声明方法的时候，千万不要给该方法加上 function 关键字 2.方法之间不要用逗号分隔，否则会报错

ES5 中的继承（组合继承:原型链继承 + 借用构造函数)

原型链继承：

父类的实例作为子类的原型

借用构造函数继承：

在子类内,使用 call()调用父类方法,并将父类的 this 修改为子类的 this.相当于是把父类的实例属性复制了一份放到子类的函数内.

组合继承:

既能调用父类实例属性，又能调用父类原型属性

Es6 的继承

Class cat extends 父类

然后在 constructor 中定义 super 可以设置继承父类的哪些属性

2.map 和 set 还有 symbol

是 es6 新增加的两种数据结构数据结构不是数据类型

set 这种数据结构的特点是值是唯一的所以可以用来数组去重

let arr = [1, 2, 3, 4, 4, 3, 5];

let data = [...new Set(arr)];

map 这种数据结构跟对象相似放的是一个键值对形式的数据跟对象的区别是他的 key 值可以是任何的数据类型

新增加的 symbol 才是数据类型

// symbol 是一种新的数据类型

// symbol 的值永远都是唯一的

let a = Symbol("aa");

let b = Symbol("aa");

console.log(a == b);

3.数据类型简介：

1.JavaScript（以下简称 js）的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）；

两种类型的区别是：存储位置不同：

基本数据类型存储在栈中

引⽤类型的对象存储于堆中

2.js 常用的基本数据类型包括 undefined - - (未定义)、null- - (空的)、number - - (数字)、boolean- - (布尔值)、string- - (字符串)、Symbol - - (符号)；

3.js 的引用数据类型也就是对象类型 Object- - (对象)，比如：array - - （数组）、function - - （函数）、data - - （时间）以及 es6 新增加的 map 和 set

4、作用域

1.作用域：

作用域就是一个变量可以使用的范围，主要分为全局作用域和函数作用域

全局作用域就是 Js 中最外层的作用域

函数作用域是 js 通过函数创建的一个独立作用域，函数可以嵌套，所以作用域也可以嵌套

Es6 中新增了块级作用域（由大括号包裹，比如：if(){},for(){}等）

2.自由变量：

当前作用域外的变量都是自由变量，作用域链就是自己没有这个变量就从上一级作用域查找，直到找到为止，直到找到顶层 window，没有的话就报错 3.变量提升:

每个 var 声明的变量，function 声明的函数存在变量提升。变量和函数都有声明提升，let const 不存在变量提升

会把声明语句提到代码的最顶端，赋值语句留在原地等待执行

Var a=10 var a 会被提升 a=10 会留在原地

（在 js 中声明之前未定义，会在 js 的最上方会形成一个预解析池，用来存储声明了但没有先定义的变量名）