qq_46366496的博客

ES6中的类 目录ES6中的类class与构造函数类与构造函数对比静态方法和静态属性私有方法和私有属性类的取值函数（getter）和存值函数（setter）new.target类注意点 class与构造函数 基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 //类的写法 class Point{ getName(){ return 'lili'; }

Promise基本源码 Promise方法 一个简单的Promise方法执行过程 const promise = new Promise(function(resolved, reject){ setTimeout(function(){ if(true){ resolved('成功'); }else{ reject('失败'); } },1000); }) promise

ES6 生成器（Generator） 目录ES6 生成器（Generator）什么是生成器？基本用法生成器相关操作斐波那契数列对象中的Generator 什么是生成器？ 生成器就是通过构造函数Generator创造出来的对象，生成器既是一个迭代器，同时也是一个可迭代对象 基本用法 基本语法： function* myGenerator() { yield 'one'; yield 'two'; return 'three'; } var g = myGenerator();

ES6迭代器 目录ES6迭代器迭代器（Iterator）基本语法应用for…of循环for…of与for…in的区别 迭代器（Iterator） 什么是迭代？ Iterator迭代器从一个数据集合中按照一定的顺序，不断的取出数据的过程 Iterator 的作用： 为各种数据结构， 提供一个统一的接口 使得数据结构的成员能够按某种次序排列 迭代强调是依次取出，不能确定取出的有多少，也不能保证把数据全部取完 迭代和遍历的区别？ 迭代强调的依次取出，不能确定可以取出的值有多少，也不能保证去吧数据全部取完

Promise对象 目录Promise对象概述Promise解决异步的优点基本用法then 方法原型成员（实例方法）构造函数成员（静态成员）方法详解 概述 Promise是异步编程的一种解决方案。 从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise对象两个特点： 对象的状态不受外界影响。有三种状态： pending：挂起（等待） 处于未决阶段 表示事情还在挂起种，最终结果没有出现 resolved ：已成功 ， 处于已决阶段 rejected：已失败 ，处于已决阶

ES6中的函数函数参数的扩展默认值的临时性死区：不定参数的使用箭头函数应用场景 函数参数的扩展 默认参数： 在 ES5 语法中，为函数形参指定默认值的写法： function foo (bar) { bar = bar || 'abc'; console.log(bar) } foo('xyz') 使用 ES6 的语法为函数形参指定默认值 function foo (bar='abc') { console.log(bar) } foo('xyz') //xyz

ES6新增数据类型（Symbol） 基本(原始)类型和引用类型介绍 在了解Symbol之前，我们需要了解下JS的数据类型，在JS中数据类型分为两类：基本(原始)类型和引用类型。 基本(原始)类型：数值型（Number)，字符类型（String），布尔值型（Boolean），null 和 underfined 引用类型：对象（Object） 那es6新增的Symbol是什么类型呢？ 这里Symbol也是基本类型； 概述 ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来

ES6历史 前言 ECMAScript是JavaScript的语法标准，而ES6是 JavaScript 的下一个版本标准，2015.06 发版。 ps：严格来说，ECMAScript还包括其他很多语言的语法标准 现在大部分的编写一般都是ES3.1语法,比如jQuery的语法就比较倾向ES3，但是现在的主流框架Vue.js和React.js的语法，就大量用的都是ES6语法，node全部都是ES6的语法 ES6中增加了很多功能上的不足，比如常量、作用域、对象代理、异步处理、类、继承、面向对象等 ECMAScr

ES6字符串模板 模板字符串 语法：把字符串写在``里面，${变量、表达式、函数}：获取值 var obj ={ name: '张三', age: 20 } // 传统打印 console.log("我的名字叫" + obj.name + ",今年" + obj.age + "岁"); // ES6 console.log(`我的名字叫${obj.name},今年${obj.age}岁`); 如果模板字符串的变量没有声明，将报错 由于模板字符串的大括号内部，就是执

ES6 变量的解构赋值 变量的解构赋值 解构赋值是对赋值运算符的扩展。即结构化赋值 ES6允许我们通过数组或者对象的方式，对一组变量进行赋值，这就称为解构（等号两边的结构一定要相等这样才能拿到你需要的值） 数组中的解构赋值 语法：let [a,b,c] = [1,2,3](把右边的值对应下表赋值给左边的变量) 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值 let [a, b, c] = [1, 2, 3]; // a = 1 // b = 2 // c