1.数值解构赋值 ES6 允许按照一定模式,可以从数组中提取值,按照对应位置,对变量赋值,这被称为解构. 解构赋值的规则是,只要等号右边的值不是对象或数组,就先将其转为对象.由于undefined和null无法转为对象,所以对它们进行解构赋值,都会报错. 数组 1 let [a,b,c] = [1,2,3]; 2 a //1 3 b //2 4 c //3 5 6 let [,,better]=[1,2,3]; 7 better //3 如果解构不成功,值为  underfind 1 let […

let, const 这两个的用途与var类似,都是用来声明变量的,但在实际运用中他俩都有各自的特殊用途.首先来看下面这个例子: var name = 'zach' while (true) { var name = 'obama' console.log(name) //obama break } console.log(name) //obama 使用var 两次输出都是obama,这是因为ES5只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景.第一种场景就是你现在看到的内…

记录一些学习es6中学习的新特性,挺有用,作为日后复习es6用,便于记忆. 1.变量定义let和const es6用let.const代替,let是定义块级作用域中的变量,const声明之后必须赋值,并且作为指针,其指向了一个内存地址 2.箭头函数()=> 需要注意的是箭头函数里的this,总是绑定对象自身 3.函数参数默认值 let funcs = (a,b=5) => a+b; funcs(2) 4.Spread / Rest 操作符 Spread操作符: function foo(x,y…

JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组 原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以…

这是一篇乱七八糟的随笔.class是ES6新增的特性,用于解决JavaScript没有类的困惑. --杂谈 ES5及之前,类都是用函数来替代,包括实例. 如: 1 function Person(name) { 2 // this指向实例 3 this.name = name 4 this,,log = function () { 5 console.log('name is ' + name) 6 } 7 } 8 9 // 或者 10 Person.prototype.changeName =…

在线编译器:babel.github 在nongjs中使用 'use strict' let a = ; 运行node : node --harmony_destructuring xxx.js 代码块: 用{}包起来的代码块,比如 if for while 特点:只能在代码块里面使用 var 只有函数作用域,可以重复声明, let const 有块级作用域,不可重复声明 封闭空间 ES5: (function() { ; })(); ES6: { let a = ; } 总结:块级作用域,其实…

记得之前的一次面试中,有个面试官问了我关于es6导入和导出的一些知识点,可惜当时对这方面没在意,只知道每次机械的import和export,也不知道为啥要这样用,现在静下心来,好好的把这块看了下,顺便把自己的学习内容记录下来,方便将来的时候翻阅. 简介: es6模块主要是由export和import组成.一个模块就是一个独立的文件,该文件内容的变量外部无法获取.export用于规定模块的对外接口,import用于输入其他模块的功能.  它有以下的几个特点: 1,es6模块化是静态化的,编译时就能…

ES6对JavaScript的变动的很大,增加了一些新特性. 字符串模板: 字符串模块使用``来表示,相比原来使用双引号来标记,多了许多便利性 1 // 原始的标记使用+来连接,遇到一些复杂的字符串会显得杂乱 2 const char = '123' 3 const str = 'a' + char + 'b' 4 5 // 而模块字符串相比方便一些 6 // 对于参数使用${xxx}来表示,如上面的式子 7 const str = `a${char}b` // 结果相同 8 9 // 同时还支…

一.Babel 1.安装babel Bable-loader: babeljs.io babel最新版:npm install babel-loader@8.0.0-beta.0 @babel/core 常规:npm install --save-dev babel-loader babel-core 2.针对语法 Babel Presets :规范的一个总结 es2015 es2016 es2017 env:包含上面这几种 babel-preset-react babel-preset-sta…

es5中通常我们声明变量都是以下的方式: var a = 10; var b = 20; var c = 30; //或者 var a = 10,b = 20,c = 30; //或者 var arr = [1,2,3,4,5]; var a = arr[0]; var b = arr[1]; var c = arr[3]; //或者 var obj = { name: 'gary', age: 20 } var a = obj.name; var b = obj.age; //或者 //等等…