初学ES6

啥都不说了，一句话，程序猿就像是国家要求人民教师一样，终身学习。最近学习了ES6的新知识，这里总结分享一下

1：let声明块级作用域变量，const声明块级作用域常量（注：简单地说一对大括号就是一个块级作用域）

既然是块级作用域变量或常量，意思就是出了该作用域就不能用了（注意，在同一个作用域不可重复定义同一个变量），其中，const一旦定义了变量就不能修改，例子如下

2：字符串模板

``反撇号在字符串拼接中的使用，这里变量与字符串的拼接采用的事${}得格式，但需要在``中使用。

3：ES6中的箭头函数

相当于是函数的简写，不需要用function关键字来创建函数，省略return关键字。常用写法如下

                        var b=()=>{9};//没有参数的时候
			//相当于
			var b=function(){
				return 9;
			}
			var a=v=>{console.log(v)};//有一个参数v的时候
			//相当于
			var a=function(v){
				console.log(v)
			}
			var c=(a,b)=>a+b;//有多个参数的时候
			//相当于
			var c=function(a,b){
				return a+b
			}

其中，箭头函数有一个很大的好处，即this指向明确，在箭头函数中this指的就是定义时所在的对象。

4：解构

解构功能主要是建华数组和对象中信息的提取

在Es6之前，我们获取对象信息是这样的

                var app={
				color:'red',
				price:'10'
			}
			var color=app.color;
			var price=app.price;
			console.log(color);
			console.log(price)

在ES6以后是这样获取属性值得

var app={
				color:'red',
				price:'10'
			}
			let{color,price}=app;
			console.log(color);
			console.log(price)

直接表明自己想要获得的属性值得健值即可，不需要一个一个的获取

5：函数默认参数

在ES6之前，声明函数的时候不能直接给函数的参数指定默认值，我们以前是这么写的

function log(x, y) {
  y = y || 'World';
  console.log(x, y);
}

log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello World

这段代码的意思是，如果y没有指定值得话就默认值为world，但是如果y赋值false类型的值，则依然是默认值

但是ES6不是这样

function log(x, y = 'World') {
  console.log(x, y);
}

log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello

以上便是ES6常用的入门知识

猜你喜欢