位置: 编程技术 - 正文

ECMAScript6 新特性范例大全(ecmascript6教程)

编辑:rootadmin

推荐整理分享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 操作符来允许无限参数。

结果:

Let

let是新的var。 因为它有块级作用域。

结果:

但是,它不会向window分配任何内容:

结果:

不能使用let重新声明一个变量:

结果:

结果:

Const

const 是只读变量。

结果:

应该注意,const 对象仍然可以被改变的。

结果:

For..of

迭代器的新类型,可以替代for..in。 它返回的是值而不是keys。

结果:

结果:

迭代器(Iterators)

迭代器是一个比数组更动态的类型。

结果:

使用Typescript,我们可以看到它接口的样子:

生成器(Generators)

生成器创建迭代器,并且比迭代器更具动态性。他们不必以相同的方式跟踪状态 并不支持 done 的概念。

结果:

ECMAScript6 新特性范例大全(ecmascript6教程)

使用Typescript 再次显示接口:

function* Iterators and generator

一个产量的例子*

结果:

Unicode

ES6 为Unicode 提供了更好的支持。

结果:

模块和模块加载器

原生支持模块。

Import Export

Set

Set 为数学对应,其中所有项目都是唯一的。对于知道SQL的人来说,这相当于distinct。

结果:

Set

WeakSet

WeakSet对象允许您在集合中存储弱持有的对象。没有引用的对象将被垃圾回收。

结果:

WeakSet

Map

Map 也称为词典。

结果:

可以使用除字符串之外的其他类型。

结果:

Map

WeakMap

使用键的对象,并且只保留对键的弱引用。

结果:

WeakMap

代理(Proxy)

代理可以用来改变对象的行为。 它们允许我们定义 trap 。

结果:

提供以下 trap :

Proxy

Symbols

Symbols 是一个新类型。 可用于创建匿名属性。

结果:

更多信息

可继承内置函数

我们现在可以继承原生类。

结果:

不能使用数组的代理(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 转载请保留说明!

上一篇:javascript 秒表计时器实现代码(js秒数转时间)

下一篇:js oncontextmenu事件使用详解

  • 增值税留抵退税怎么做账务处理
  • 工资储备金制度
  • 一般纳税人开出的普票算销项税额吗
  • 管理费用中的办公费占比是多少
  • 冲红电子发票是什么意思
  • 商誉减值是在年报还是半年报
  • 房产企业赠送无形资产
  • 定额发票遗失情况说明怎么写
  • 私营独资企业可以变更法人吗
  • 应收票据周转率高
  • 税务机关退水利基金怎么做账?
  • 原材料保险公司赔偿会计分录怎么写
  • 工厂报废的产品价格有规定吗
  • 地产企业不动产登记入哪个科目?
  • 工业混合销售行为如何纳税?
  • 企业拆迁补偿款要交税吗
  • 汇算清缴时资产总额如何计算
  • 资产负债表其他应付款包括哪些
  • 建筑服务工程款会计分录
  • 一次性领取的年金 税率表
  • 多结转成本的会计分录
  • Win10 64位正式版系统安装方法全过程图解(U大师)
  • 股权转让的会计凭证
  • 无效发票不能报销怎么办
  • bios界面进入
  • 苹果发布首款MR头显
  • 税款缴纳期初未缴税额
  • 高新技术企业研发费用归集
  • 支付违约金可以要求开发票吗
  • 对股权奖励的计算公式
  • 销售使用过的机器设备如何缴纳增值税
  • 前端几种下载文件
  • 业务招待费个税账务处理办法
  • 公允价值变动损益借贷方向增减
  • php+mysql+jquery实现日历签到功能
  • vue开发环境和生产环境域名配置
  • angular 初学者快速上手教程
  • 自建的不动产
  • phpcms 数据库配置文件
  • 老板的财务
  • 支付水电费如何做账务处理
  • phpcms api
  • mybatis拦截器执行顺序
  • 水运企业会计核算办法
  • 财政部监制的收据没有税号可以入账吗
  • 小额转账汇款服务最多转账多少钱
  • 厂房房租发票
  • 除湿机计入固定费用吗
  • 未取得发票的费用所得税汇算调增,该填哪里呢?
  • 平行结转分步法各步骤的费用
  • 结转收入及成本费用
  • 其他权益工具投资交易费用计入哪里
  • 如果收到现金做账了还叫坐支
  • 以前年度销售退回买方账务处理
  • 会计核算健全的单位 可以选择小规模纳税的有
  • 金蝶kis专业版怎么备份账套
  • 房地产开发企业电费做什么科目
  • 车间成本项目如何结转
  • 会计怎么做的
  • 主营业务收入是什么意思
  • 会计备注一般写什么
  • 如何优化sql语句执行效率
  • mysql 5.6 从陌生到熟练之_数据库备份恢复的实现方法
  • sql中的非逻辑
  • windows 专业版10安装后文件会丢失嘛
  • centos安装位置选择
  • win7系统怎么看wi-fi密码
  • win10 运行
  • jquery示例
  • cocos2dx游戏案例
  • css div模糊
  • shell中删除文件和目录
  • python的数据
  • jQuery+JSON实现AJAX二级联动实例分析
  • listview设置item宽度
  • unity火球特效
  • python 解析算法
  • 土地增值税按什么价格
  • 甘肃税务厅
  • 税务局发票邮寄费用谁承担
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设