ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言 。 另外,一些情况下ES6也泛指ES2015及之后的新增特性,虽然之后的版本应当称为ES7、ES8等。
Set 基本用法 ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成Set数据结构。 上面代码通过add方法向Set结构加入成员,
所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的API,
Map Map结构的目的和基本用法 JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是只能用字符串当作键。这给它的使用带来了很大的限制。 上面代码原意是将一个DOM
基本用法 ES6允许使用“箭头”(=>)定义函数。 上面的箭头函数等同于: 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 如果箭头函数的代码块部分多于一条语句,就要使用大
1、解构 在接收数据的地方(比如赋值的左边),解构使你使用模式去获取部分数据。 下面的代码是解构的一个例子: 在行 A 解构了 obj :通过左边的模式,运用赋值操作符(=)从里面
Class基本语法 概述 JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子。 上面这种写法跟传统的面向对象语言(比如C++和Java)差异很大,很容易让新学习这门语言
Proxy概述 Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。 Proxy可以理解成,在目标对象之前
用过 Promise,但是总是有点似懂非懂的感觉,也看过很多文章,还是搞不懂 Promise的 实现原理,后面自己边看文章,边调试代码,终于慢慢的有感觉了,下面就按自己的理解来实现一个 Promise
最近在阅读《探索es6》,就把自己认为重要的做一点笔记,方便日后学习。 1、获取更多的es6资源的办法 有两组 ES6 资源: “ ECMAScript 6 Tools ”,作者
模版字符串 ``反引号表示 var cyy={ name:"cyy", age:18, say:function(){ console.log('我叫'+this.
以前变量的声明,可以通过var或者直接使用 直接使用相当于往window全局对象上挂了一个属性 let和var的主要区别: let声明的变量只在当前(块级)作用域内有效 let声明的变量不能被重复声明
html5搜索框结合datalist可以实现带搜索功能的下拉框 不过尝试了下,使用optgroup分组发现没效果 <!DOCTYPE html> <html lang="e
const str="hello world"; const [a,b,...oth]=str; 字符串分割为数组的三种方法: const str="hello worl
类: 降低维护成本、使代码高度复用、扩充方便灵活 OOP 面向对象开发 核心:封装 类->工厂->对象 ES6中的类 //车类 class Car{ //构造函数 constructor(
结合扩展运算符使用 function foo(a,b,c){ console.log(a,b,c); } foo(...[1,2,3]);//将数组展开,一一对应 用法: const arr=[&qu
继承extends继承可以让子类获得父类的方法 属性可以扩充 增加新的方法 属性等 class Human { constructor(name, age, sex, hobby) { this.na
效果图 demo.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=&
数组的解构赋值 将数组的值,或者对象的属性,提取到不同的变量中 const arr=[1,2,3,4]; let [a,b,c,d]=arr; 更复杂的匹配规则: const arr=[1,2,[3,
按照国际惯例先放效果图 贴代码: index.html <!DOCTYPE html> <html lang="en"> <head> <
ES6中class的继承 父类(基类) 子类 extends 关键字 //父类 class Human{ //父类的构造函数 constructor(name,age,sex,hobby){ this
babel:将浏览器不支持的ES6语法转为javascript 查看node是否安装: npm -v node -v 实例演示:在桌面新建part5目录在cmd命令行中 cd desktop cd p
按照国际惯例,先放效果图 index.html <!DOCTYPE html> <html lang="en"> <head> <meta
//ES5 对象 const getInfo=(id=1)=>{ //ajax... const name="cyy"; const age=18; return { nam