初学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常用的入门知识


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值