介绍 ES6:ECMScript6 首先,一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系? ECMAScript是一个国际通过的标准化脚本语言: JavaScript由ECMAScript和DOM.BOM三者组成: 可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展: 2011 年,ECMAScript 5.1 版发布.之前我们大部分人用的也就是ES5. 2015 年 6 月,ECMASc…

1 关于ES6      ECMAScript6(以下简称ES6)是JavaScript语言的最新一代标准,发布于2015年6月,因为ECMA委员会决定从ES6起每年更新一次标准,因此ES6被改名为ES2015,后面的标准将按照发布的年份命名,比如ES2016.ES2017. ES6引入了很多新特性,这些特性解决了JavaScript长久以来别开发者所诟病的很多缺点.同时,ES6也给JavaScript的语言带来了重大变革,它使JavaScript变得更加强大.更富有表现力.尽管属于重大升级,但…

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

promise的基本用法 promise执行多步操作非常好用,那我们就来模仿一个多步操作的过程,那就以吃饭为例吧.要想在家吃顿饭,是要经过三个步骤的. 洗菜做饭. 坐下来吃饭. 收拾桌子洗碗. 这个过程是有一定的顺序的,你必须保证上一步完成,才能顺利进行下一步.我们可以在脑海里先想想这样一个简单的过程在ES5写起来就要有多层的嵌套.那我们现在用promise来实现. //promise 1.洗菜做饭 2.坐下吃饭 3首饰桌子 let state = 1; function step1(resov…

class ECMAScript 2015 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖.类语法不会为JavaScript引入新的面向对象的继承模型. 类声明:定义一个类的一种方法是使用一个类声明.要声明一个类,你可以使用带有class关键字的类名 class food { constructor(price) { this.price = price }} 类表达式:与函数声明不同的是,类声明不会出现类提升,而函数声明会提升,所以在使用过程中要…

1.什么是Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大. 这么说可能不够直观的理解,看下面的两个例子 // callback回调函数 function getCallback(n,callback) { setTimeout(() => { var num = 2*n console.log('num',num) callback(num) },2000) } getCallback(3,function callback(n)…

1. 字符串模板 <!--旧版拼接字符串--> var str = '我是时间:'+new Date(); <!--新版拼接字符串--> let str = `我是时间${new Date()}`; 2. 对象简写 <!--旧版对象写法--> var name = "liming"; var age = 20; var person = {name:name, age:age}; <!--新版对象写法--> let name = &quo…

前言: 1.es6的简单介绍: ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言. 2.为什么要搭建ES6的开发环境? 因为至今各大浏览器厂商所开发的 JavaScript 引擎都还没有完成对 ES2015 中所有特性的完美支持,如果直接使用的话,会报错的.所以我们既想使用es6带来的新语法.新特性,又想让现在的浏览器支持es6…

一:ES6为函数做了哪些扩展 参数的默认值 传统写法: function person(n,a){ var name =n || "zhangsan"; var age = a || 25; } 这是传统的实现方式,通过或运算实现,原理:如果运算符||左侧为true,直接返回左侧的值,否则返回右侧的值:但是前提是参数对应的布尔值不能false(比如:数字0,空字符串等转换成布尔值就是false),因此,这种方式存在不足和缺陷. ES6的写法 function person(name='…

一些关于es6简单的介绍与了解.初始认知有限,循序完善. ES6: 又叫ES2015,是2015年推出的JavaScript新版本. 相应的,后边推出的ES7.8.9.10等都依次是上一版本发出后一年的新迭代版本.不过很多仍是提案,并不被浏览器支持. 现在普遍使用es6.7,但仍然需要工具进行编译转换成es5的语法.这个工具就是babel(后表). ES6及后边版本的语言进行迭代的目的: 让JavaScript越来越好用.越来越强大,逐渐完善到成为企业级的开发语言. 我们为什么要学习ES6:[优…