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关键字,可能这样还是有点不理解,再往下看,