随笔分类 - ES6
摘要:Generator函数是es6提供的解决异步编程的方案之一;Generator函数是一个状态机,内部封装了不同状态的数据; <script type="text/javascript"> // generator定义 function后面跟个*号 function* myGenerator(){ c
阅读全文
摘要:es6 Promise 对象是异步编程的一种解决方案。(在javascript世界里,是单线程顺序执行的)从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。 Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。除
阅读全文
摘要:在 ES6 前, 实现模块化使用的是 RequireJS 或者 seaJS(分别是基于 AMD 规范的模块化库, 和基于 CMD 规范的模块化库)。ES6 引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量。ES6 的模块化分为导出(export) @与导入(import
阅读全文
摘要:在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。class 的本质是 function。它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法类定义class 以及 构造方法 constructor <script type="text/jav
阅读全文
摘要:ES6 数组Arrary 常用方法: <script type="text/javascript"> // 操作数据方法 // arr.push() 从后面添加元素,返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6
阅读全文
摘要:ES6 数值类型常用方法 <script type="text/javascript"> // Number常用方法 /* Number.isFinite() 用来检查一个数值是否为有限的(finite) 对于非数字,不会做隐式类型转换,直接返回false Number.isNaN() 用来检查一个
阅读全文
摘要:Proxy 与 Reflect 是 ES6 为了操作对象引入的 API 。 1、Proxy Proxy 可以对目标对象的读取、函数调用等操作进行拦截,然后进行操作处理。它不直接操作对象,而是像代理模式,通过对象的代理对象进行操作,在进行这些操作时,可以添加一些需要的额外操作。Proxy基本用法: P
阅读全文
摘要:ES6 Map与Set 1、map <script type="text/javascript"> //ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。 const m = new Map();//创建Map co
阅读全文
摘要:ES6 Symbol类型: ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin 模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就
阅读全文
摘要:ES6 三点运算符 es6提供了三点运算符,用作于可变参数; <script type="text/javascript"> let fun=(...param)=>{ console.log(param); //遍历参数 param.forEach((item,value)=>{ console.
阅读全文
摘要:ES6 箭头函数及this 1、箭头函数 <script type="text/javascript"> //以前定义函数 let fun=function () { console.log('123'); } fun(); //现在可以简化下,用箭头函数 let fun1=()=>{ consol
阅读全文
摘要:1、ES6 模版字符串es6 模版字符串主要用于简化字符串的拼接 <script type="text/javascript"> let obj={name:'rdb',age:'200'}; let str = '姓名:'+obj.name+',年龄:'+obj.age; //原来用+号拼接 le
阅读全文
摘要:1、ES6 对象定义简写 es6提供了对象定义里的属性,方法简写方式: 假如属性和变量名一样,可以省略,包括定义对象方法function也可以省略 <script type="text/javascript"> let name = 'jack'; let sex = 'man'; //传统方式 l
阅读全文
摘要:ES6 变量的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 1、数组的解构赋值 <script type="text/javascript"> let arr1=[11,22,33]; let [a,b,c]=arr1;//直接对a、b、c赋值 console
阅读全文
摘要:在es6中,引入了let和const关键字; 1、letES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 (1)在块级作用域里有效(比如循环遍历内部就可以用let定义变量) <script type="text/javascript"
阅读全文