es6新特性是什么

  介绍

小编给大家分享一下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新特性是什么