ES6语法

ES6语法初始

一:学习ES6之前也学过ES5,当然这就不做过多介绍了,ES6也是对ES5的一个升级,都知道javascript包含了ECMAScript,和Dom、Bom那么ES就是ECMAScript,ES6涵盖ES2015,ES2016,ES2017是一个标准

当然ES6也增加了许多新特性:比如ES6新增了let和const命令

1.1、Let命令:用于声明一个变量,类似于var,但是声明的变量只在包含let的代码块里有用,变量的值可以改变,当在代码块外调用就会报错

{

  let a = 10;

  var b = 1;

}  

console.log(a);

console.log(b);

1.2、Const命令:只声明一个常量,常量嘛当然值是不可以改变的,一旦声明,值就不可以,但是不可以只声明这个变量,而不去赋值,因为这样会报错

const foo;

都在块级作用域内有用

1.3、Babel

Babel是一个转码器,通俗的说就是可以将ES6的代码转换为ES5的代码,那为什么要将他转换为ES5的代码呢,举个栗子来说:一个游戏,它支持13系统及以上版本的ios系统运行,但是13系统以下的却不可以运行,所以要升级系统才可以使用,而这里就像是降级一样,因为在ES6上的一些语法,ES5上是不可以使用的,所以通过这么一个Babel转码器就可以使得使用ES6写的代码就可以在老的版本上使用了,也不用担心其环境问题,例如:
转码前:

input map (item =>  item + 1);

转码后:

-> input map (function(item){

return item + 1;

});

这样箭头函数就变为了普通函数,就可以执行了,那什么是箭头函数呢:

函数的参数列表 => 函数体

例如:

var a =test (  function () {console.log() }  );

使用箭头函数之后:

var a =test(  () => { console.log() } );

这里不需要写函数名和function关键字,可能这样还是有点不理解,再往下看,

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值