ES6笔记总结_代码007(未授权)

本文介绍: ECMA（European Computer Manufacturers Association）中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言；

ECMA（European Computer Manufacturers Association）中文名称为欧洲计算机制造商协会，这

个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际

ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言；

百度百科：https://baike.baidu.com/history/ECMAScript/1889420/144946978

ES6 从开始制定到最后发布，整整用了 15 年。

前面提到，ECMAScript 1.0 是 1997 年发布的，接下来的两年，连续发布了 ECMAScript 2.0

// ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构
赋值；
// 1、数组的解构赋值
const F4 = ["大哥", "二哥", "三哥", "四哥"];
let [a, b, c, d] = F4;
// 这就相当于我们声明 4 个变量 a,b,c,d，其值分别对应"大哥","二哥","三哥","四哥 " 
console.log(a + b + c + d); // 大哥二哥三哥四哥
// 2、对象的解构赋值
const F3 = {
	name: "大哥",
	age: 22,
	sex: "男",
	xiaopin: function() { // 常用
		console.log("我会演小品！");
	}
}
let {
	name,
	age,
	sex,
	xiaopin
} = F3; // 注意解构对象这里用的是{} 
console.log(name + age + sex + xiaopin); // 大哥 22 男
xiaopin(); // 此方法可以正常调用

// ES6 允许在对象的大括号内直接写入变量和函数作为对象的属性和方法
// 变量和函数
let name = "訾博";
let change = function() {
	console.log("活着就是为了改变世界！");
}
//创建对象
const school = {
	// 完整写法
	// name:name,
	// change:change
	// 简化写法
	name,
	change,
	// 声明方法的简化
	say() {
		console.log("言行一致！");
	}
}
school.change();
school.say();

//1. 形参初始值 具有默认值的参数, 一般位置要靠后(潜规则)
function add(a, b, c = 10) {
	return a + b + c;
}
let result = add(1, 2);
console.log(result); // 13
//2. 与解构赋值结合
// 注意这里参数是一个对象
function connect({
	host = "127.0.0.1",
	username,
	password,
	port
}) {
	console.log(host)
	console.log(username)
	console.log(password)
	console.log(port)
}
connect({
	host: 'baidu.com',
	username: 'root',
	password: 'root',
	port: 3306
})

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

首先我们需要了解一下什么是 ECMA：

什么是 ECMAScript ：

ECMA-262 历史：

ECMA-262其实就是javascript

那下面我们就来看下ES6有哪些新特性吧：

1.let 关键字

2.const 关键字

3.变量和对象的解构赋值

4.模板字符串

5.简化对象和函数写法

6.箭头函数

箭头函数的注意点：

箭头函数的特点：

7. ES6 中函数参数的默认值

8.rest 参数

9.扩展运算符

10.Symbol

11.Promise

12.Set 集合

13.Map 集合键值对集合；

14.class 类

15.数值扩展

16.对象扩展

17.模块化

18.Babel 对 ES6 模块化代码转换

19.ES6 模块化引入 NPM 包

发表回复取消回复