位置: 编程技术 - 正文

跟我学习javascript的最新标准ES6(java script)

编辑:rootadmin

推荐整理分享跟我学习javascript的最新标准ES6(java script),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:java script入门,java script入门,java script教程,java script课程,java script教程,java script,java script,java learning,内容如对您有帮助,希望把文章链接给更多的朋友!

虽然ES6都还没真正发布,但已经有用ES6重写的程序了,各种关于ES的提议已经开始了,这你敢信。潮流不是我等大众所能追赶的。

潮流虽然太快,但我们不停下学习的步伐,就不会被潮流丢下的,下面来领略下ES6中新特性,一堵新生代JS的风采。

箭头操作符

如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=>便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=>outputs。

我们知道在JS中回调是经常的事,而一般回调又以匿名函数的形式出现,每次都需要写一个function,甚是繁琐。当引入箭头操作符后可以方便地写回调了。请看下面的例子。

大家可以打开文章开头提到的traceur在线代码转译页面输入代码来查看效果。

类的支持

ES6中添加了对类的支持,引入了class关键字(其实class在JavaScript中一直是保留字,目的就是考虑到可能在以后的新版本中会用到,现在终于派上用场了)。JS本身就是面向对象的,ES6中提供的类实际上只是JS原型模式的包装。现在提供原生的class支持后,对象的创建,继承更加直观了,并且父类方法的调用,实例化,静态方法和构造函数等概念都更加形象化。

下面代码展示了类在ES6中的使用。再次??乱痪洌?憧梢越??胩??raceur自己查看运行结果。

增强的对象字面量

对象字面量被增强了,写法更加简洁与灵活,同时在定义对象的时候能够做的事情更多了。具体表现在:

可以在对象字面量里面定义原型 定义方法可以不用function关键字 直接调用父类方法

这样一来,对象字面量与前面提到的类概念更加吻合,在编写面向对象的JavaScript时更加轻松方便了。

字符串模板

字符串模板相对简单易懂些。ES6中允许使用反引号 ` 来创建字符串,此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量${vraible}。如果你使用过像C#等后端强类型语言的话,对此功能应该不会陌生。

解构

自动解析数组或对象中的值。比如若一个函数要返回多个值,常规的做法是返回一个对象,将每个值做为这个对象的属性返回。但在ES6中,利用解构这一特性,可以直接返回一个数组,然后数组中的值会自动被解析到对应接收该值的变量中。

参数默认值,不定参数,拓展参数

1、默认参数值

现在可以在定义函数的时候指定参数的默认值了,而不用像以前那样通过逻辑或操作符来达到目的了。

2、不定参数

不定参数是在函数中使用命名参数同时接收不定数量的未命名参数。这只是一种语法糖,在以前的JavaScript代码中我们可以通过arguments变量来达到这一目的。不定参数的格式是三个句点后跟代表所有不定参数的变量名。比如下面这个例子中,…x代表了所有传入add函数的参数。

3、拓展参数

拓展参数则是另一种形式的语法糖,它允许传递数组或者类数组直接做为函数的参数而不用通过apply。

let与const 关键字

跟我学习javascript的最新标准ES6(java script)

可以把let看成var,只是它定义的变量被限定在了特定范围内才能使用,而离开这个范围则无效。const则很直观,用来定义常量,即无法被更改值的变量。

for of 值遍历

我们都知道for in 循环用于遍历数组,类数组或对象,ES6中新引入的for of循环功能相似,不同的是每次循环它提供的不是序号而是值。

注意,此功能google traceur并未实现,所以无法模拟调试,下面有些功能也是如此

iterator, generator

这一部分的内容有点生涩,详情可以参见这里。以下是些基本概念。

iterator:它是这么一个对象,拥有一个next方法,这个方法返回一个对象{done,value},这个对象包含两个属性,一个布尔类型的done和包含任意值的value iterable: 这是这么一个对象,拥有一个obj[@@iterator]方法,这个方法返回一个iterator generator: 它是一种特殊的iterator。反的next方法可以接收一个参数并且返回值取决与它的构造函数(generator function)。generator同时拥有一个throw方法 generator 函数: 即generator的构造函数。此函数内可以使用yield关键字。在yield出现的地方可以通过generator的next或throw方法向外界传递值。generator 函数是通过function*来声明的 yield 关键字:它可以暂停函数的执行,随后可以再进进入函数继续执行

模块

在ES6标准中,JavaScript原生支持module了。这种将JS代码分割成不同功能的小块进行模块化的概念是在一些三方规范中流行起来的,比如CommonJS和AMD模式。

将不同功能的代码分别写在不同文件中,各模块只需导出公共接口部分,然后通过模块的导入的方式可以在其他地方使用。下面的例子来自tutsplus:

Map,Set 和 WeakMap,WeakSet

这些是新加的集合类型,提供了更加方便的获取属性值的方法,不用像以前一样用hasOwnProperty来检查某个属性是属于原型链上的呢还是当前对象的。同时,在进行属性值添加与获取时有专门的get,set 方法。

下方代码来自es6feature

有时候我们会把对象作为一个对象的键用来存放属性值,普通集合类型比如简单对象会阻止垃圾回收器对这些作为属性键存在的对象的回收,有造成内存泄漏的危险。而WeakMap,WeakSet则更加安全些,这些作为属性键的对象如果没有别的变量在引用它们,则会被回收释放掉,具体还看下面的例子。

正文代码来自es6feature

Proxies

Proxy可以监听对象身上发生了什么事情,并在这些事情发生后执行一些相应的操作。一下子让我们对一个对象有了很强的追踪能力,同时在数据绑定方面也很有用处。

以下例子借用自这里。

上面代码我已加了注释,这里进一步解释。对于处理程序,是在被侦听的对象身上发生了相应事件之后,处理程序里面的方法就会被调用,上面例子中我们设置了set的处理函数,表明,如果我们侦听的对象的属性被更改,也就是被set了,那这个处理程序就会被调用,同时通过参数能够得知是哪个属性被更改,更改为了什么值。

Symbols

我们知道对象其实是键值对的集合,而键通常来说是字符串。而现在除了字符串外,我们还可以用symbol这种值来做为对象的键。Symbol是一种基本类型,像数字,字符串还有布尔一样,它不是一个对象。Symbol 通过调用symbol函数产生,它接收一个可选的名字参数,该函数返回的symbol是唯一的。之后就可以用这个返回值做为对象的键了。Symbol还可以用来创建私有属性,外部无法直接访问由symbol做为键的属性值。

以下例子来自es6features

Math,Number,String,Object 的新API

对Math,Number,String还有Object等添加了许多新的API。下面代码同样来自es6features,对这些新API进行了简单展示。

Promises

Promises是处理异步操作的一种模式,之前在很多三方库中有实现,比如jQuery的deferred 对象。当你发起一个异步请求,并绑定了.when(), .done()等事件处理程序时,其实就是在应用promise模式。

总结就是一句话,前后端差异越来越小了,本文基于lukehoban/es6features ,同时参考了大量博客资料,小编做这么多功课的目的就是帮助大家更好地了解javascript的最新标准ECMAScript 6,希望对大家的学习有所帮助。

跟我学习javascript创建对象(类)的8种方法 8中javascript创建对象(类)的方法,依依介绍给大家,希望大家喜欢。1.使用Object构造函数来创建一个对象下面代码创建了一个person对象,并用两种方式打

跟我学习javascript的异步脚本加载 先来看这行代码:scriptsrc="allMyClientSideCode.js"/script这有点儿……不怎么样。这该放在哪儿?开发人员会奇怪,靠上点,放到head标签里?还是靠下点,放

JavaScript制作淘宝星级评分效果的思路 小编也是刚开始学JavaScript,觉得淘宝评星效果很棒,于是产生了自己写一个的想法,先给大家分享一下实现效果:现附上自己写的源代码!DOCTYPEhtmlhtmllan

标签: java script

本文链接地址:https://www.jiuchutong.com/biancheng/385454.html 转载请保留说明!

上一篇:每天一篇javascript学习小结(面向对象编程)(每天一篇小练笔30字)

下一篇:跟我学习javascript创建对象(类)的8种方法(java教程 视)

  • 税收对国家的影响及地位
  • 所得税税负率的计算公式中营业收入含不含税
  • 老板自己出钱买股票
  • 所得税预缴申报表资产总额怎么填
  • 金蝶k3如何设置凭证保存自动新增
  • 事业单位下属企业员工转事业编
  • 其他综合收益为什么是所有者权益
  • 收到银行退回的银行汇票多余款
  • 发票冲销后还能用吗
  • 对公账户打钱给私人账户,谁交税呢
  • 以前年度亏损本季度盈利所得税申报
  • 房产税的改革方向
  • 房地产企业什么时候交企业所得税
  • 软件企业超税负率怎么算
  • 固定资产借方表示什么意思
  • 速冻食品增值税税率
  • 小规模适用税率
  • iphone6按键功能介绍
  • bios设置的完整说法
  • 拍短视频服务费怎么算
  • 把试驾车当新车卖,构成欺诈
  • 什么是差额征税劳务费
  • 工商年报缴费基数是什么意思
  • 栗耳簇舌巨嘴鸟,巴西潘塔纳尔保护区里 (© Ana Gram/Shutterstock)
  • 结转完工工程成本是什么
  • 增值税发票销货清单哪里领
  • 支付厂房租金计入什么科目
  • .msc是什么意思
  • 酒店如何核算成本
  • 融资性租赁会计处理计入固定资产
  • 购进农产品增值税进项税额的确认方法
  • 深入vue3+typescript技术栈
  • 使用vue开发app
  • ps位图矢量化
  • 应付债券和应付利息
  • react高阶组件
  • 装订会计凭证步骤
  • 发票普票增票
  • 劳务分包属于人工成本吗
  • 科技型中小企业享受优惠税收政策
  • sql server 2008打开界面
  • 个人报销电话费开发票是个人名还是公司名
  • 茶叶企业所得税减免
  • 财务报表的勾稽关系结构图
  • 付款金额与收到款的关系
  • 销售商品发生的运输费计入什么科目
  • 收到的出口退税款需要并入利润总额吗
  • 工会活动支出如何记账
  • 货物已经入库发货怎么办
  • 科目余额表上的销项税额贷方余额表示
  • 哪些资产减值可以转回哪些不可转回
  • 销售净利润怎么算
  • 行权期行权条件成就什么意思
  • 为什么要依法管理
  • sql server内存怎么设置合理
  • 在SQL查询中使用WHERE子句指出的是
  • 新疆喀什地区身份证号码开头
  • linux系统 虚拟机
  • coocareservice.exe是病毒吗
  • ubuntu和windows文件互传
  • linux epub阅读器
  • win8怎么添加wifi
  • win10超级按钮
  • android开发环境配置
  • msvc命令行
  • bootstrap入门
  • python添加图片
  • shell脚本 \r
  • 智能图片制作
  • 怎样开启javascript功能
  • android系统虚拟机
  • JavaScript While 循环 教程
  • android系统设置
  • js写后端用什么框架
  • 季度申报怎么更正
  • 携程怎么订
  • 税务部门行政审批
  • 税控ic卡就是税控盘吗
  • 企业所得税零申报
  • 福建税务网址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设