当前位置: 首页 > Web前端 > JavaScript

ES6语法基本都是用

时间:2023-03-27 00:52:43 JavaScript

什么是ES6?ECMAScript6(以下简称ES6)是JavaScript语言的下一代标准,于2015年6月正式发布,Mozilla将在此标准的基础上推出JavaScript2.0。ECMAScript是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。ES6的目标是让JavaScript语言能够用来编写大型复杂的应用程序,成为企业级的开发语言。ES6官网中文网变量定义(var,let,const)在一般的函数中,var是用来定义变量的,因为它是一个可以预解析的关键字。在ES6中推荐使用let定义变量,let定义通用变量。const定义一个常量,不能被修改。箭头函数//定义varfnRs=(a,b)=>{varrs=a+b;alert(rs);}//fnRs(1,2);//参数可以省略括号varfnRs2=a=>{alert(a);}fnRs2('这是绿灯不返回');//箭头函数的作用可以在对象中绑定this(这里的this不是window而是对象)varperson={name:'tom',age:18,showName:function(){setTimeout(()=>{alert(this.name);},1000)}}person.showName();在classES6中也提出了类的用法,在es5中也可以实现,不过既然是新规则会更清晰}}classPersonextendsPoetry{constructor(){sup呃();console.log('这是绿灯不归的客人');}}letht=newPerson();deconstructvarht1=someArray[0];varht2=someArray[1];varht3=someArray[2];//解构赋值let[ht1,ht2,ht3]=someArray;//还有下面的例子let[,,ht3]=[1,2,3];console.log(ht3);//3let[ht1,...last]=[1,2,3];控制台日志(最后);//[2,3]//对象解构let{name,age}={name:"ht",age:"17"};console.log(name);//htconsole.log(年龄);//17//注意让{ept1}={};console.log(ept1);//undefinedlet{ept2}={undefined};console.log(ept2);//undefinedlet{ept3}={null};console.log(ept3);//nullimport和export可以通过在花括号中加上sex和echo变量来完成,export输出将相应的变量值以sex和echo变量标识符的形式暴露给其他文件并被读取,这样就不能写成exportsex了。如果这样就相当于export"boy",外部文件将无法获取文件内部变量sex的值,因为没有外部输出变量接口,只是输出字符串通过import获取a.js文件内部变量,{}括号内的变量来自a.js文件导出的变量标识符。从“a.js”导入{sex,echo}console.log(sex)//boyecho(sex)//boy