前言 最新的 ECMAScript 都已经到发布到 2019 版了. 我们应该有的态度是: Stay hungry ! Stay young ! 从接触 vue 到工作中用到 vue 将近 2 年了,在开发 vue 项目中用到了很多 es6 的 api ,es6 给我的开发带来了很大便利. 本文只总结小汪在工作和面试中经常遇到的 ES6 及之后的新 api . 有空就得多总结,一边总结,一边重温学习!!! 正文 1 let 和 const let 的作用域与 const 命令相同:只在声明所在的…

随着前后分离,前端人员也要写大量的逻辑代码,es5很多地方尤其是数据工具大拿数组,很多时候都是捉襟见肘. 继而,es6为我们扩展了很多good的工具和方法,让我们一起学习es6吧. 1原型方法from 遵循规则有点苛刻 let json = { '0': 'websong', '1': '17岁', '2': 'web', length:3 //值得注意的是,key值必须是数字,并且最后还要有这个length } let arr=Array.from(json); console.log(arr…

ES6 基础 一.新的变量声明方式 let/const 与var不同,新的变量声明方式带来了一些不一样的特性,其中最重要的两个特性就是提供了块级作用域与不再具备变量提升. 通过2个简单的例子来说明这两点. { let a = 20; } console.log(a);  // a is not defined 而这个简单的例子,会被编译为: { let _a = 20; } console.log(a);  // a is not defined // ES5 console.log(a);  …

Promise 对象 1.Promise对象是ES6对异步编程的一种解决方案,它有以下两个特点: Promise对象代表一个异步操作,它只有三种状态:Pending(进行中).Resolved(已完成,又称 Fulfilled)和Rejected(已失败),并且该状态不会受外界的影响 Promise对象的状态改变,只有两种可能:从 Pending 变为 Resolved 或者从 Pending 变为 Rejected,并且一旦状态改变,就不会再变,任何时候都可以得到这个结果 2.Promise对…

Symbol 1.Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值.它是 JavaScript 语言的第七种数据类型,前六种分别是:undefined.null.布尔值(Boolean).字符串(String).数值(Number).对象(Object): 2.Symbol 值通过Symbol函数生成,可以作为对象的属性名使用,保证不会与其他属性名产生冲突: let s = Symbol(); typeof s // symbol ps:上面代码表示创建一个Symbol变量…

数组的扩展 1.拓展运算符('...'),它相当于rest参数的逆运算,用于将一个数组转换为用逗号分隔的参数序列: console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 2.如果扩展运算符后面是一个空数组,则不产生任何效果: [...[], 1] // [1] 3.常见的拓展运算符的应用: //合并数组 let arr1 = [1,2]; let arr2 = [3,4]; let arr3…

字符串的拓展 1.ES6为字符串添加了遍历器接口,因此可以使用for...of循环遍历字符串 2.字符串新增的 includes().startsWith().endsWidth() 三个方法用于判断某一字符串是否包含于另一字符串 includes():返回布尔值,表示源字符串中是否包含参数字符串. startsWith():返回布尔值,表示参数字符串是否在源字符串的头部. endsWith():返回布尔值,表示参数字符串是否在源字符串的尾部. 3.新增 repeat() 方法, 该方法返回一个…

本文章属于个人对es6一些比较常用的语法的总结归纳,其主要参考阮一峰大神的<a href="http://es6.ruanyifeng.com//">ECMAScript6入门</a> ,如有哪里理解不对或者不透彻的地方,还请批评指正~ ps:推荐使用es6在线调试 <b>let 和 const</b> 1.let声明的变量只有在当前代码块成效,而且不具备变量提升(即代码块中有let声明的变量提前使用会报错); { console.log…

Module 1.ES6在语言标准的层面上,实现了模块功能,成为浏览器和服务器通用的模块解决方案,完全可以取代 CommonJS 和 AMD 规范,基本特点如下: 每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存中读取: 每一个模块内声明的变量都是局部变量, 不会污染全局作用域: 模块内部的变量或者函数可以通过export导出: 一个模块可以导入别的模块 2.模块功能主要由两个命令构成:export和import.export命令用于规定模块的对外接口,…

1.在之前的JS面向对象编程中,如果定义一个构造函数,一般来说是这样: function Person( name , age ) { this.name = name; this.age = age; } Person.prototype.say = function(){ return 'My name is ' + this.name + ', I am ' + this.age + ' years old'; } 这种写法跟传统的面向对象语言(比如 C++ 和 Java)差异很大,对于一…