10 个常用的 es6 特性
1. const and let
除了函数作用域之外,增加了块级作用域和常量。const 定义的绑定不可以修改,let定义的绑定在{ }不能访问。之前的 var 如果不在函数作用域内,相当于定义了一个全局变量,并且有变量提升(将变量的声明提升至所在函数的最前面)。
2. 数组函数
新增了一些数组处理函数,可以更加方便的对数组进行操作。
let a = Array.foreach( functionA ) functionA 会对函数的每一元素进行操作,a = undefined。
let b = Array.map( functionA ), 与foreach 的不同的是map 会返回一个新的数组。
let c = Array.filter( functionA ), 与map不同的是,filter 返回的数组Array 的一个子集。
let d = Array.find( functuonB ) , 找到符合条件的值立马返回。
let e = Array.every( checkFunc) , check 每一个 element , all ok 则 返回 true, else return false.
let g = Array.some( checkFunc), if any element passes the check, retrun ture, else return false.
let h = Array.reduce(function, initArgument), 提供操作和初始值函数,最终返回一个值。
3. 箭头函数
()=> {} -- 参数函数体。当参数只有一个,函数体只有一行时可以写成 a => a*a的形式,省略()和{},其中a*a为函数的返回值。
与之前函数不同,箭头函数不会绑定this,arguments,super等局部变量,所有涉及到它们的引用都会沿着向上查找的方式在外层查找。
所以箭头函数不能用 apply,call,bind来绑定函数内部的this。
按词法作用域,Lexical Scoping just means that it uses this
from the code that contains the Arrow Function.。即从包含箭头函数的上下文作用域里去查找this。
而用 function 定义的函数,则this实际上是在函数被调用时发生绑定,它指向什么完全取决于函数在哪里被调用。
4.类
es6 中的类实际上原型继承的语法糖,constructor就是构造函数,创建一个对象,而在类中添加函数,就是在对象的原型链上添加方法。
5. 增强的对象字面量
<1> 可以引用上下文作用域中的变量
<2> 直接定义方法
<3> 定义动态属性
const color = 'red'
const point = {
x: ,
y: ,
color,
toString() {
return 'X=' + this.x + ', Y=' + this.y + ', color=' + this.color
},
[ 'prop_' + ]:
}
6.模板字符串
直接在字符串中使用变量,避免使用 + 来连接变量。
function hello(firstName, lastName) {
return `Good morning ${firstName} ${lastName}!
How are you?`
}
7.默认函数参数
默认指定函数参数的默认值,当传入参数的时候会覆盖默认值。
function sort(arr = [], direction = 'ascending') {
console.log('I\'m going to sort the array', arr, direction)
}
8.解构和剩余操作符
// 解构
var array = ['red', 'blue', 'green']
var copyOfArray = [...array] //rest opoerator
function printColors(first, second, third, ...others) {
console.log('Top three colors are ' + first + ', ' + second + ' and ' + third + '. Others are: ' + others)
}
9. 从数组中提取需要的值,传入变量,也包括对象。
let [first, , third] = [,,];
let obj = {a:100,b:200};
let {a}= obj;
10. promise
promise.then().catch();
总结
1.构造函数可能会被类修饰符替代。
2. 函数作为子程序,可能会被箭头函数替代。
3. 函数作为对象方法,可能会被对象方法定义。
10 个常用的 es6 特性的更多相关文章
- 最常用的ES6特性(转)
最常用的ES6特性 let, const, class, extends, super, arrow functions, template string, destructuring, defaul ...
- 最常用的ES6特性
遇到了要写出es6新特性的题目,所以查阅了资料来总结一下,点击查看原文. 进入正题,最常用的ES6特性有:let, const, class, extends, super, arrow functi ...
- 【ES6】最常用的es6特性(一)
参考链接: http://www.jianshu.com/p/ebfeb687eb70 http://www.cnblogs.com/Wayou/p/es6_new_features.html 1.l ...
- 【ES6】最常用的es6特性(二)
1.for of 值遍历 for in 循环用于遍历数组,类数组或对象,ES6中新引入的for of循环功能相似,不同的是每次循环它提供的不是序号而是值. var someArray = [ &quo ...
- 常用es6特性归纳-(一般用这些就够了)
之前做vue和react的时候,发现文档什么的最新版本都建议用es6写法,对es6友好度更高,加之现在es6也越来越普及,兼容性问题直接用babel转码就好了,特别方便,于是我开始学着用es6写代码, ...
- ES6系列之项目中常用的新特性
ES6系列之项目中常用的新特性 ES6常用特性 平时项目开发中灵活运用ES6+语法可以让开发者减少很多开发时间,提高工作效率.ES6版本提供了很多新的特性,接下来我列举项目中常用的ES6+的特性: l ...
- 9个常用ES6特性归纳(一般用这些就够了)
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应 ...
- ES6特性
一.ES6特性: let, const, class, extends, super, arrow functions, template string, destructuring, default ...
- 开发中常用的es6知识
结合实际开发,开发中常用的es6的知识: 1.新增let和const命令: ES6 新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效: cons ...
随机推荐
- Tomcat报错java.lang.ClassNotFoundException: 2localhost.org.apache.juli.FileHandler
Can't load log handler "1catalina.org.apache.juli.FileHandler" java.lang.ClassNotFoundExce ...
- mysql无法通过ip地址链接
用BitNami搭建个站点(内含mysql数据库服务.phpmyadmin和Apache web Service), 用localhost或127.0.0.1及用户名密码连接没有问题.但是本机或远程通 ...
- 【bzoj1593-预定旅馆】线段树维护连续区间
题解: 这题非常经典啊似乎..经典模型要记住啊.. 对于每个节点维护该区间里的最大的连续区间,然后我们就可以logn递归找最前面的一段. 那就维护mx(无限制),lmx(必须从左边开始),rmx(必须 ...
- 省队集训 Day3 杨北大
[题目大意] 给出平面上$n$个点$(x_i, y_i)$,请选择一个不在这$n$个点之内的点$(X, Y)$,定义$(X, Y)$的价值为往上下左右四个方向射出去直线,经过$n$个点中的数量的最小值 ...
- ASP.NET AjaxControlToolkit-Framework4.0 配置实用(简单介绍CalendarExtender日期控件)
1:下载:AjaxControlToolkit Ajax Control Toolkit .NET 4 Ajax Control Toolkit .NET 4.5 Ajax Control Toolk ...
- 使用 ftrace 调试 Linux 内核,第 1 部分【转】
转自:http://www.ibm.com/developerworks/cn/linux/l-cn-ftrace1/index.html ftrace 是 Linux 内核中提供的一种调试工具.使用 ...
- 2017中国大学生程序设计竞赛 - 网络选拔赛 HDU 6154 CaoHaha's staff 思维
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6154 题意:在笛卡尔坐标系下,画一个面积至少为 n 的简单多边形,每次只能画一条边或者一个格子的对角 ...
- clearcase command (windows 常用的几个)
command 1. setview 指定某个view你可以操作,否则你将看不到文件,ls,cd 等其它命令无效 setview viewname 2. rename branch type na ...
- FineReport——JS二次开发(分页预览)
BS访问某个cpt模板,报表servlet将会将cpt文件解析成对应的html,报表内容最终转换为一个table,位于id=content-container的div中. 在模板和html页面中,他们 ...
- P2327
code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; backgr ...