xyphf的博客

类 Class类(Class) : 定义了一切事物的抽象特点对象(Object)：类的实例面向对象(OOP)三大特性：封装、继承、多态封装就是将数据操作的细节隐藏起来，只暴露对外的接口，外界调用端不需要也不可能知道细节，只能通过通过对外暴露的接口来访问该对象；继承表示子类继承父类，子类除了拥有父类所有的特征以外，还有一些更具体的特性；多态：由继承产生的多个不同的类，对同一个方法可以有不同的响应，比如猫和狗都可以继承自Animal，但是它们分别实现了自己的eat（吃）方法；此时针对某一

转载自：https://blog.youkuaiyun.com/xyphf/article/details/77925571一、Promise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同事，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候返回最先被reject失败状态的值。具体代码如下：let p1 = new ...

集合的基本概念：集合是由一组无序且唯一（即不能重复）的项组成的。这个数据结构使用了与有限集合相同的数学概念，应用在计算机的数据结构中。特点：key 和 value 相同，没有重复的 value。ES6 提供了数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。1 如何创建一个 Set//Set是一个构造函数const s = new Set([1, 2, 3]);console

基本概念 本质上是一种匹配模式，只要等号两边的模式相同，那么左边的变量就可以被赋予对应的值。解构赋值主要分为： 1 数组的解构赋值 2 对象的解构赋值 3 基本类型的解构赋值举个例子，比如我们要声明let a = 1;let b = 2;let c = 3;现在有了解构赋值以后，我们完全可以这样写let [a,b,c] = [1,2,3];console.log(a,b,c); //

基本概念let命令: 用来声明一个变量，和var非常类似。 const命令: 用来声明一个常量，常量就是不可以变化的量。用let声明变量的注意事项1 使用let声明的变量，所声明的变量只在命令所在的代码块内有效。//所谓的代码块就是一对花括号,然后再花括号里面写上所需要的代码//例如{ let a = 1; var b = 2; console.log(a); //1

什么是ES 6? ECMAScript 6.0 (简称 ES6) 是继ECMAScript 5.1之后 javascript 语言的下一代标准，发布在2015年6月。 它的目标，是使得 javascript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。学习ES6的前提条件： 熟练掌握ES5的基本语法、函数、作用域、基于原型的面向对象系统等…主要内容有： 1、let 和 const

Promise基本概念 - promise：是ES6中新增的异步编程解决方案，体现在代码中它是一个对象，可以通过 Promise构造函数来实例化。new Promise(cb) ===>实例的基本使用 Pending Resolved Rejected两个原型方法Promise.prototype.then()Promise.prototype.catch()两个常用的静态方法Promise

函数的扩展 - 1 为函数参数指定默认值 - 2 函数的 rest 参数 - 3 箭头函数1 为函数参数指定默认值 在ES5中想为函数指定默认的值，只能通过变通的方法，如：function fn(a, b){ a = a || 10; //a等于a或者等于10; b = b || 20; //b等于b或者等于20; console.log(a + b);}fn();

1、字符串的扩展 我们回想一下原先我们是如何写字符串的，写一串html代码片段，如果直接用双引号或单引号括起来就会报错,我们通常会做一个字符串的拼接，把每一个都用单引号或者双引号括起来，用加号连起来，这样比较麻烦。所以ES6中就增加了模板字符串的概念，模板字符串是用反引号括起来的。我们测试一下。反引号就是tab键上面的键。let flag = true;let html = `<ul>

1 什么是 Symbol ? Symbol，表示独一无二的值。它是 JS 中的第七种数据类型。基本的数据类型： Null Undefined Number Boolean String Symbol 引用数据类型：Object也就是说现在JS有了七种数据类型。 那么为什么要引入Symbol这种数据类型呢？ 实际上在ES5中对象的属性都是字符串，这样就很容易造成命名冲突，比如说我们扩展别人写的

extends、 static、 super在ES6中extends关键字,可以很方便的实现子类继承父类，同时static关键字可以为类指定静态方法，以及super关键字可以在子类继承父类的时候，方便的去调用父类原型身上的方法或者静态方法。本节我们将通过具体的例子来阐述着三个关键字如何使用?首先我们在html中写了一个简单的canvas画布以及一些简单的样式阴影，这样我们可以很方便的看到这个画布在文

class 语法JS语言的传统方法是通过构造函数，定义并生成新对象，是一种基于原型的面向对象系统。 首先我们回顾一下ES5中的面向对象系统// 现在我们声明一个构造函数，函数里面传入两个参数a和b,const Miaov = function (a, b){ this.a = a; this.b = b; return this;};// 给这个函数指定一个prototype,也

基本概念：在ES6中新增了Set和Map两种数据结构，再加上JS之前原有的数组和对象，这样就有了四种数据集合，平时还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象等。这样就需要一种统一的接口机制，来处理所有不同的数据结构。Iterator就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操

Map是一种典型的字典类型的数据结构 所谓的字典类型的数据结构，就是是用来存储不重复key的Hash结构。比如说JS中对象，就是字典类型的数据结构的一种。字典：是用来存储不重复key的Hash结构。不同于集合(Set)的是，字典使用的是[键，值]的形式来储存数据的。JavaScript 的对象（Object:{}）只能用字符串当作键。这给它的使用带来了很大的限制。var data1 = {a: 1