通过上一节的环境搭建完成,接下来我们就可以愉快的探索ES6的新世界了!下面我们从新的声明方式开始: 在ES6里新加了两种声明方式:let 和 const,以前我们都是用var去作声明,接下来我们一一比较下他们的区别: 一.var  :全局声明 我们用var 来声明一个msg的变量 var msg = "hello es6"; console.log(msg); 这时我们可以看到控制台输出的是 hello es6,接下来我们在下面用区块的方式再声明一个msg,并给它赋值 var msg…

三点运算符 <script type="text/javascript"> function func(...params){ params.forEach(function(item,index){ console.log(item,index); }); } func(2,4,5); </script> Symbol类型 ES5的对象属性名都是字符串,很容易造成属性名冲突.比如,使用了一个他人提供的对象,想为这个对象添加新的方法,新方法的名字就有可能与现有方…

'use strict'; let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]; // 除去取余2的 - es6 let es5OddNumbers = numbers.filter(function (number) { return number % 2; }); console.log(es5OddNumbers); // 除去取余2的 - es6 - 第二种写法 let es6OddNumbers = numbers.filter(number => nu…

第二章:变量的解构赋值 在es6 版本前,如果要为多个变量赋不同值,我想是件比较麻烦的事情.但es6 版本新推出了一个新技术那就是今天的主角变量的解构赋值. 变量解构赋值分为两种方法:数组解构赋值 和 对象解构赋值 一:数组解构赋值 1.1 数组解构赋值的基本语法 以前为多个变量赋不同的值只能这样: let a = 1; let b = 2; let c = 3; 但有了解构赋值便可以这样赋,下面例子是数组解构赋值的基本语法 let [a, b, c] = [1, 2, 3]; 所以匹配方式为:…

ES6为字符串添加了遍历器接口,使得字符串可以被for...of循环遍历. for (let codePoint of 'foo') { console.log(codePoint)} // "f"// "o"// "o" 1.1. 示例:遍历一个JSON数据 function lettest() { var jsongs = { "result": [ { "YDFLAG": "1",…

前言 该篇笔记是第二篇 变量的解构赋值. 这一章原文链接: 变量的解构赋值 解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 解构赋值是对赋值运算符的扩展. 这是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值. 在代码书写上简洁且易读,语义更加清晰明了:也方便了复杂对象中数据字段获取. 数组的解构赋值 为变量赋值. let sample1 = 1; let sample2 = 2; let sample3 = 3;…

安装node: node作为JS的运行环境必须安装 文件下载:https://nodejs.org/dist/v6.11.4/node-v6.11.4-x64.msi 备注:可以去官网 https://nodejs.org/en/ 获取最新的版本 安装完node之后NPM也会被安装,NPM:node包管理工具 安装babel插件 Sublime3才有的插件,支持ES6.JSX语法高亮. 安装Babel Snippets插件 定义了React快捷输入模版 安装JsFormat插件 配置使其支持JS…

小点心,顾名思义,开箱即食,拿来即用. 献上第二个小点心:SlidePopup. GitHub 在线演示 GitHub 上欢迎大家来找茬^_^ 前端朋友们,今天要介绍的这款小点心牛B了.相信是个前端都应该接触过这种效果,而且是非常流行的交互. 闲话少叙,先上效果图: 基本使用 多个可自定义的选项 来不及解释了,立即查看示例. 这种弹窗的使用场景主要出现在移动端. 先定一个小目标: 易用性,如果自己都觉得难用,那就没有分享的必要了￣□￣||: 兼容性,兼容主流浏览器,但并非所有(比如 IE 低版本…

1.数组循环 介绍数组循环之前,先回顾一下ES5数组的循环 (1)数组遍历(代替普通的for):arr.forEach(callback(val,index,arr){todo}) //val是数组的当前项,index是数组的键名(下标),arr是整个数组 let arr = ['today','tomorrow','the day after tommrrow','three days from now']; arr.forEach(function(val,index,arr){ conso…

ECMAScript 6简介 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言. ECMA:国际标准组织 let,var和const命令 const:是用来定义一个常量 const a ='hello' //const就是定义一个常量 //常量是不能修改的 let:是用来定义一个块级作用域的变量 let和val都是用来声…