ES-6
关注
分享
扫一扫
上头upup
这个作者很懒，什么都没留下…
展开
-
ES6-异步编程-Promise对象
// Promise 对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败） const promise = new Promise(function (resolve, reject) { // 任务执行成功时，调用 resolve() 函数 // 任务执行失...原创 2019-12-07 11:30:32 · 184 阅读 · 0 评论 -
ES6-map集合
// 创建一个空的 Map 集合 const map = new Map(); // 创建一个具有初始元素的集合 const map = new Map([['firstName', '黄聪聪'], ['age', 20]]) // 向 map 集合中添加键值对 map.set('fullName', '刘旭凯')...原创 2019-12-07 11:28:47 · 132 阅读 · 0 评论 -
ES6-weakset集合
/* WeakSet 集合与 Set 集合类似，集合中的元素是无序的，并且不能重复的。 但是 WeakSet 集合中的元素只能是对象（引用类型），不能是其他类型。 WeakSet 集合只存储对象的引用，并不存储对象的原始值；集合中的引用如果是对象唯一的引用，则会被回收并释放相应的内存。 */ ...原创 2019-12-07 11:26:16 · 148 阅读 · 0 评论 -
数组对象的reduce方法
数组对象的reduce方法const array1 = new Array(1, 2, 3, 4); const array2 = new Array(3, 4, 5, 6); // 求 array1 中所有的元素的和 // const result = array1.reduce(function (sum, value, in...原创 2019-12-07 11:24:48 · 862 阅读 · 0 评论 -
数组对象的filter方法
数组对象的filter方法const array1 = new Array(1, 2, 3, 4); const array2 = array1.filter(function (value, index, self) { return value > 2 ? true : false; }, thisObj)...原创 2019-12-07 11:22:50 · 1710 阅读 · 0 评论 -
ES6-set集合应用
const set1 = new Set([1, 2, 3, 4]); const set2 = new Set([3, 4, 5, 6]); // 1. set1 和 set2 的交集 // 求交集的方式一： let intersection1 = new Set(); set1.forEach(value =...原创 2019-12-07 11:20:58 · 153 阅读 · 0 评论 -
ES6-Set集合的创建
// 集合，集合中的元素是无序的，并且不能重复的。 // 1. 使用构造函数 Set 创建一个空的集合对象 // const set = new Set(); // 2. 也可以使用数组来初始化 set 集合，Set 构造函数会过滤掉数组中重复的元素。 const set = new Set(['black', 'white', ...原创 2019-12-07 11:11:44 · 451 阅读 · 0 评论 -
ES6-symbol-使用symbol
ES6-symbol-使用symbol let firstName = Symbol('first name'); let lastName = Symbol('last name'); let obj = { [firstName]: '杨帅', [lastName]: '泰坦尼', ag...原创 2019-12-07 11:10:32 · 243 阅读 · 0 评论 -
ES6-symbol-创建symbol
ES6-symbol-创建symbol // 1. ES 6 为引入 Symbol 类型？ // 为了确保每个属性的名称都是独一无二的，从根本上防止属性名的冲突。 // 引入 Symbol 类型之后，对象的属性名就有了两种类型，一种是 String 类型的数据，另一种就是 Symbol 类型的数据 // 2. 怎样创建 Symbol 类型的数据...原创 2019-12-07 11:01:25 · 526 阅读 · 0 评论 -
ES6-模块化规范
ES6-模块化规范导出// 1. 模块私有的内容function multiply (x, y) { return x * y;}// 2. 模块导出的内容export function sum (x, y) { return x + y;}export function substract (x, y) { return x - y;}// 3...原创 2019-12-07 10:59:36 · 294 阅读 · 0 评论 -
ES6-类的继承
class Rectangle { constructor(width, height) { this.width = width; this.height = height; } getArea () { return '矩形...原创 2019-12-07 10:54:48 · 131 阅读 · 0 评论 -
ES6-类-ES6新增的类的概念
ES6-类-ES6新增的类的概念 // 使用 class 关键字定义 PersonClass 类 class PersonClass { // PersonClass 类的构造函数，等价于构造函数 PersonType // 当我们创建 PersonClass 的实例时，该方法会自动被调用。 construc...原创 2019-12-07 10:53:41 · 186 阅读 · 0 评论 -
ES6-使用 super 关键字访问原型对象
let person = { getGreeting () { return 'Hello'; } }; let dog = { getGreeting () { return 'woof'; } ...原创 2019-12-07 10:50:46 · 282 阅读 · 0 评论 -
ES6-改变对象的原型对象
ES6-改变对象的原型对象let person = { getGreeting () { return 'Hello'; } }; let dog = { getGreeting () { return 'woof'; ...原创 2019-12-07 10:49:18 · 390 阅读 · 0 评论 -
ES6-Object.is（） 和Object.assign（）
// 1. 在有些情况下，既是全等运算符比较出来的结果也是不正确的。例如，在下面两种情况下： // +0 和 -0 在 JS 解析引擎中被表示为两个完全不同的实体，而如果使用全等运算符（===）对两者进行比较，得到的结果是两者相等。 console.log(+0 == -0); // true console.log(+0 ==...原创 2019-12-07 10:42:54 · 174 阅读 · 0 评论 -
ES6-函数中new.target 方法
ES6-函数中new.target 方法// 1. ECMAScript 5 中判断构造函数是否通过 new 关键字调用的写法 function Person (fullName) { if (this instanceof Person) { this.fullName = fullName; } ...原创 2019-12-07 10:40:45 · 544 阅读 · 0 评论 -
ES6-箭头函数
// 1. 形式一： var foo = function () { return 'Hello World!'; }; // 如果形参数量为 0，则必须加上小括号。箭头后面的表达式的结果会被作为函数的返回值。 var foo = () => { return 'Hel...原创 2019-12-07 10:38:12 · 103 阅读 · 0 评论 -
ES6-不定参数
ES6-不定参数// 不定参数，使用剩余操作符接收剩余的实参，这些实参会被保存到一个不定参数（args）中 function foo (...args) { return args.reduce(function (previousValue, currentValue) { console.log(previousValu...原创 2019-12-07 10:36:12 · 548 阅读 · 0 评论 -
ES6-数组解构
const colors = ['red', 'green', 'blue', 'orange', [ 'black', 'white' ] ]; // 1. 使用数组解构初始化变量 // 数组中的元素会按照顺序赋值给这 3 个变量 let [ firstColor, secondColor, thirdColor ] = colors; ...原创 2019-12-07 10:34:44 · 215 阅读 · 0 评论 -
ES6-对象解构
ES6-对象解构const obj = { firstName: '张康', lastName: '尼古拉斯', myAge: 30, phone: { number: 110, brand: '魅族', ...原创 2019-12-07 10:32:53 · 460 阅读 · 0 评论 -
ES6-剩余操作符
ES6-剩余操作符// 实参 12 会被赋值给形参 a，剩余的所有实参都会被交给形参 bar，bar 会自动变成一个数组。 function foo (a, ...bar) { console.log(a, bar) } foo(12, 34, 45, 67, 89) // 注意，剩余操作符只能应用到最后一...原创 2019-12-07 10:27:48 · 635 阅读 · 0 评论 -
ES6-展开操作符
## -展开操作符<script> let colors1 = ['red', 'green', 'blue']; // 使用展开操作符输出数组中的元素，类似于：console.log('red', 'green', 'blue') console.log(...colors1) // 使用场景一：合并数组，将...原创 2019-12-07 10:26:55 · 151 阅读 · 0 评论 -
点击 ul-li 打印出索引 的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-07 09:45:14 · 371 阅读 · 0 评论 -
ES6-使用let关键字定义变量
红字标注 ： 和var关键字声明的不同处1. 可以一次定义多个变量let foo = 123, bar = 'abc';2. 定义时可以只声明不赋值let foo, bar;3.定义之后可以随时修改变量的值let foo = 123, bar = 'abc'; foo = 'abc'; bar = 123; console.log(f...原创 2019-12-07 09:05:26 · 3922 阅读 · 0 评论