黑马程序员技术交流社区

标题: 【面试题系列】ES6新增语法 [打印本页]

---

作者: 爱编码的J    时间: 2021-5-9 13:47
标题: 【面试题系列】ES6新增语法
1、类（class）

[JavaScript] 纯文本查看 复制代码

class Man {

  constructor(name) {

    this.name = '小黑';

  }

  console() {

    console.log(this.name);

  }

}

const man = new Man('小黑');

man.console(); // 小黑

2、模块化（ES Module）

[JavaScript] 纯文本查看 复制代码

// 模块 A 导出一个方法

export const sub = (a, b) => a + b;

// 模块 B 导入使用

import { sub } from './A';

console.log(sub(1, 2)); // 3

3、箭头函数

[JavaScript] 纯文本查看 复制代码

const func = (a, b) => a + b;

func(1, 2); // 3

4、函数参数默认值

[JavaScript] 纯文本查看 复制代码

function foo(age = 25,){ // ...}

5、模板字符串

[JavaScript] 纯文本查看 复制代码

const name = '小黑';

const str = `Your name is ${name}`;

6、解构赋值

[JavaScript] 纯文本查看 复制代码

let a = 1, b= 2;

[a, b] = [b, a]; // a 2  b 1

7、扩展运算符

[JavaScript] 纯文本查看 复制代码

let a = [...'hello world']; // ["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d"]

8、对象属性简写

[JavaScript] 纯文本查看 复制代码

const name='小黑',

const obj = { name };

9、Promise

[JavaScript] 纯文本查看 复制代码

Promise.resolve().then(() => { console.log(2); });

console.log(1);

// 先打印 1 ，再打印 2

10、let和const

[JavaScript] 纯文本查看 复制代码

let name = '小黑'；

const arr = [];

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2