位置: 编程技术 - 正文
推荐整理分享ECMAScript6 新特性范例大全(ecmascript6教程),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:ecmascript6入门,ecmascript7,ecmascript6入门,ecmascript6简介,ecmascript6新特性,ecmascript6 官方文档,ecmascript6新特性,ecmascript6入门,内容如对您有帮助,希望把文章链接给更多的朋友!
ECMAScript6(ECMAScript ,ES5,ES)技术已经在前端圈子很流行了,他给前端开发人员带来了很多惊喜,提供的语法糖使复杂的操作变得简单。
本文没有详细描述这些新特性,因为网上都已经有很多相关的介绍了。主要针对ES6 新特性收集了相关范例代码,他可以让你快速了解这个新的javascript规范。
箭头函数function() 函数的简写表示法,但它不绑定 this。
this 是如何工作的?
结果:
Classes(类)我们知道“真正”语言中的类(Classes)。在 ES6 中类(Classes)其实是原型继承的语法糖。
Lebab.io
增强的对象字面量结果:
字符串插值字符串插值的好语法
字符串插值结果:
解构 Destructuring愚人码头注:列表匹配
结果:
对象也能很好的解构
结果:
使用速记表示法。
结果:
可在参数位置使用
结果:
故障弱化解构结果:
参数默认值(Default)结果:
扩展(Spread)在函数中:
结果:
在数组中:
结果:
扩展 + 对象字面量我们可以使用这个创造很酷的对象。
可惜的是它还不支持:
npm install --save-dev babel-plugin-transform-object-rest-spread
Rest我们可以使用 rest 操作符来允许无限参数。
结果:
Letlet是新的var。 因为它有块级作用域。
结果:
但是,它不会向window分配任何内容:
结果:
不能使用let重新声明一个变量:
结果:
结果:
Constconst 是只读变量。
结果:
应该注意,const 对象仍然可以被改变的。
结果:
For..of迭代器的新类型,可以替代for..in。 它返回的是值而不是keys。
结果:
结果:
迭代器(Iterators)迭代器是一个比数组更动态的类型。
结果:
使用Typescript,我们可以看到它接口的样子:
生成器(Generators)生成器创建迭代器,并且比迭代器更具动态性。他们不必以相同的方式跟踪状态 并不支持 done 的概念。
结果:
使用Typescript 再次显示接口:
function* Iterators and generator
一个产量的例子*
结果:
UnicodeES6 为Unicode 提供了更好的支持。
结果:
模块和模块加载器原生支持模块。
Import Export
SetSet 为数学对应,其中所有项目都是唯一的。对于知道SQL的人来说,这相当于distinct。
结果:
Set
WeakSetWeakSet对象允许您在集合中存储弱持有的对象。没有引用的对象将被垃圾回收。
结果:
WeakSet
MapMap 也称为词典。
结果:
可以使用除字符串之外的其他类型。
结果:
Map
WeakMap使用键的对象,并且只保留对键的弱引用。
结果:
WeakMap
代理(Proxy)代理可以用来改变对象的行为。 它们允许我们定义 trap 。
结果:
提供以下 trap :
Proxy
SymbolsSymbols 是一个新类型。 可用于创建匿名属性。
结果:
更多信息
可继承内置函数我们现在可以继承原生类。
结果:
不能使用数组的代理(Proxy)来覆盖getter函数。
新类库各种新的方法和常量。
结果:
文档: Number, Math, Array.from, Array.of, Array.prototype.copyWithin, Object.assign
二进制和八进制二进制和八进制数字的字面量。
结果:
Promises异步编程。
结果:
快速的 Promise结果:
快速失败如果一个 promise 失败,all和race也将 reject(拒绝)。
结果:
更多信息
反射(Reflect)新类型的元编程与新的API现有的还有一些新的方法。
结果:
更多信息
尾调用(Tail Call)优化尾调用的概念非常简单,一句话就能说清楚,就是指某个函数的最后一步是调用另一个函数。
ES6可以确保尾调用不会造成堆栈溢出。 (不是所有的实现工作)。
结果:
原文:ES6 Features
js oncontextmenu事件使用详解 定义和使用oncontextmenu事件在元素中用户右击鼠标时触发并打开上下文菜单。注意:所有浏览器都支持oncontextmenu事件,contextmenu元素只有Firefox浏览器支持
javascript 中Cookie读、写与删除操作 javascript中Cookie读、写与删除操作前言:在这个前端横行的时候,页面之间的交互需要数据的传递,有的数据通过url传参的形式可以很好地解决,但是对
ES5学习教程之Array对象 前言ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,下面主要介绍了ES5中的Array对象,需要的朋友们一起来看看吧。一、创建Array对象的语
标签: ecmascript6教程
本文链接地址:https://www.jiuchutong.com/biancheng/376058.html 转载请保留说明!友情链接: 武汉网站建设