写在前面,目前浏览器对ES6的import支持还不是很好,需要用bable转译. ES6引入外部模块分两种情况: 1.导入外部的变量或函数等: import {firstName, lastName, year} from './profile'; 2.导入外部的模块,并立即执行 import './test' //执行test.js,但不导入任何变量 第2种情况就不用讲了,就是执行从头到尾执行引入的js文件,当然,会忽略js文件里export. 下面详细讲第1种情况. 两个js文件,count…

一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入门教程   redux middleware 详解   Redux研究 React 入门实例教程 webpack学习demo NPM 使用介绍 三.工程搭建 之前有写过 webpack+react+es6开发模式 ,文章里介绍了一些简单的配置,欢迎访问. 1.可以npm init, 创建一个新的工程…

由于公司的前端业务全部基于ES6开发,于是给自己开个小灶补补ES6的一些常用特性.原来打算花两天学习ES6的,结果花了3天才勉强过了一遍阮老师的ES6标准入门(水好深,ES6没学好ES7又来了...),下面罗列一些自己经常用到的ES6特性. 块级作用域 ES6提出了两个新的声明变量的命令:let和const.其中,let完全可以取代var,因为两者语义相同,而且let没有副作用. (1).使用let 取代 var 1.for循环的计数器,就很合适使用let命令. /* let */ for (l…

我们都知道在javascript里是没有块级作用域的,而ES6添加了块级作用域,块级作用域能带来什么好处呢?为什么会添加这个功能呢?那就得了解ES5没有块级作用域时出现了哪些问题. ES5在没有块级作用域的情况下出现的问题:   一.在if或者for循环中声明的变量会泄露成全局变量 for(var i=0;i<=5;i++){ console.log("hello"); } console.log(i); 二.内层变量可能会覆盖外层变量 var temp = new Date()…

1.let和const命令 1.es6新增了let和const命令,与var用法类似,但它声明的变量只在let所在的代码块内有效(块级作用域,es5只有全局和函数作用域) { let a = 1; var b = 2; } console.log(a); //a is not defined let声明的变量只在自己的块内有效 console.log(b); var a = []; for(avr i = 0; i < 10; i++){ a[i] = function() { console.…

ECMAScript 6 是 JavaScript 语言的最新一代标准,当前标准已于 2015 年 6 月正式发布,故又称 ECMAScript 2015. ES6对数据类型进行了一些扩展 在js中使用ES6必须先声明 严格模式 "use strict" let变量 let特性: 1.不允许重复声明 2.没有预解析. 3.块级作用域 一对{}包括的区域称为代码块 块级作用域指一个变量或者函数只在该区域才起作用. 例: "use strict" for(let i=0…

let与块级作用域 { var foo='foo'; let bar='bar'; } console.log(foo,'var'); //foo varconsole.log(bar ,'bar');//Uncaught ReferenceError: bar is not defined 在代码中,使用var申明的变量在代码块外面能被识别,但是let命令却不能被识别,这样就实现了js的块级作用域,我们在使用条件语句 循环语句等就会不担心变量污染的问题了,以下是两种写法等对比: es6: fo…

箭头函数=>无疑是ES6中最受关注的一个新特性了,通过它可以简写 function 函数表达式,你也可以在各种提及箭头函数的地方看到这样的观点——“=> 就是一个新的 function”. 箭头函数的句法规则甚至早已延伸到各项标准和技术文档中去了,虽然它早已不稀奇,却给我们一种刚刚发现的新鲜感.  粉我的人都知道俺因为某些原因不怎么喜欢 => 的语法,不过别担心,本文并非讲述我为何不喜欢它,如果你对这个观点感兴趣,可以查看我<YDKJS:ES6 & Beyonf>一书…

系列目录 ES6+ 现在就用系列(一):为什么使用ES6+ ES6+ 现在就用系列(二):let 命令 ES6+ 现在就用系列(三):const 命令 ES6+ 现在就用系列(四):箭头函数 => ES6+ 现在就用系列(五):模板字面量 (Template Literals) ES6+ 现在就用系列(六):解构赋值 (Destructuring ) ES6+ 现在就用系列(七):Promise ES6+ 现在就用系列(八):类 (Class),继承,对象的扩展 ES6+ 现在就用系列(九):模…

系列目录 ES6+ 现在就用系列(一):为什么使用ES6+ ES6+ 现在就用系列(二):let 命令 ES6+ 现在就用系列(三):const 命令 ES6+ 现在就用系列(四):箭头函数 => ES6+ 现在就用系列(五):模板字面量 (Template Literals) ES6+ 现在就用系列(六):解构赋值 (Destructuring ) ES6+ 现在就用系列(七):Promise ES6+ 现在就用系列(八):类 (Class),继承,对象的扩展 ES6+ 现在就用系列(九):模…