小编给大家分享一下es6新特性是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
es6新特性:1,es6引入了类,让JavaScript的面向对象编程变得更加简单和易于理解;2、模块化模块;3,箭头箭头函数;4、函数参数默认值;5、模板字符串。
引用><强> es6新特性:强>
<强> 1类(类)强>
对熟悉Java object - c, c #等纯面向对象语言的开发者来说,都会对上课有一种特殊的情怀.ES6引入了类(类),让JavaScript的面向对象编程变得更加简单和易于理解。
,,class Animal { ,,,//,构造函数,实例化的时候将会被调用,如果不指定,那么会有一个不带参数的默认构造函数。 ,,,构造函数(名称、颜色),{ ,,,,,this.name =,名称; ,,,,,this.color =,颜色; ,,,} ,,,//,toString 是原型对象上的属性 ,,,toString (), { ,,,,,console.log(& # 39;名称:& # 39;,+,this.name +, & # 39;,颜色:& # 39;,+,this.color); ,,,} ,,} ,var animal =, new 动物(& # 39;狗# 39;& # 39;白色# 39;);//实例化的动物 ,animal.toString (); ,console.log (animal.hasOwnProperty(& # 39;名字# 39;));//真实 ,console.log (animal.hasOwnProperty (& # 39; tostring # 39;));//,假的 ,console.log (animal.__proto__.hasOwnProperty (& # 39; tostring # 39;));//,真的 ,class Cat  extends Animal  { 构造函数才能(行动),{ ,,,//,子类必须要在构造函数中指定super 函数,否则在新建实例的时候会报的错。 ,,,//,如果没有置顶consructor,默认带超级函数的构造函数将会被添加, ,,,超级(& # 39;猫# 39;& # 39;白色# 39;); ,,,this.action =,行动; ,,} ,,toString (), { ,,,console.log (super.toString ()); ,,} ,} ,var cat =, new 猫(& # 39;抓住# 39;) ,cat.toString (); ,//实例cat 是,cat 和,Animal 的实例,和Es5完全一致。 ,console.log (cat instanceof 猫);//,真的 ,console.log (cat instanceof 动物);,//,真正的<强> 2,模块化(模块)强>
ES5不支持原生的模块化,在ES6中模块作为重要的组成部分被添加进来。模块的功能主要由导出和导入组成。每一个模块都有自己单独的作用域,模块之间的相互调用关系是通过出口来规定模块对外暴露的接口,通过进口来引用其它模块提供的接口。同时还为模块创造了命名空间,防止函数的命名冲突。
导出(出口)
ES6允许在一个模块中使用出口来导出多个变量或函数。
导出变量
//. js=export var  name & # 39;彩虹# 39;ES6将一个文件视为一个模块,上面的模块通过出口向外输出了一个变量。一个模块也可以同时往外面输出多个变量。
,//. js ,var name =, & # 39;彩虹# 39;; ,var age =, & # 39; 24 & # 39;; {姓名、,年龄,export };导出函数
//,myModule.js export function  myModule里(someArg), { return 才能;someArg; }导入(导入)
定义好模块的输出以后就可以在另外一个模块通过进口引用。
import {myModule里},得到& # 39;myModule里# 39;;//main.js import }{姓名,年龄,得到& # 39;测试# 39;;//测试。js心得:一条导入语句可以同时导入默认函数和其它变量进口defaultMethod, {otherMethod} & # 39; xxx.js& # 39;;
<强> 3,箭头(箭头所指)函数强>
这是ES6中最令人激动的特性之一。=祝辞;不只是关键字函数的简写,它还带来了其它好处。箭头函数与包围它的代码共享同一个,能帮你很好的解决这样的指向问题。有经验的JavaScript开发者都熟悉诸如var自我=;或var=这这种引用外围这的模式。但借助=祝辞,就不需要这种模式了。
箭头函数的结构
箭头函数的箭头=祝辞之前是一个空括号,单个的参数名,或用括号括起的多个参数名,而箭头之后可以是一个表达式(作为函数的返回值),或者是用花括号括起的函数体(需要自行通过返回来返回值,否则返回的是未定义)。
//箭头函数的例子
()=祝辞;1 v=祝辞v + 1 (a, b)=祝辞a + b ()=祝辞{ ,,,警报(“foo"); } e=祝辞{ ,,,if (==e 0) { ,,,,,,,return 0; ,,,} ,,,return 1000/e; }es6新特性是什么