ECMAScript ES6

本文介绍了ECMAScript(ES)的关键特性,包括块级作用域的let和const,参数默认值,箭头函数的使用,以及模板字符串的实践。通过示例展示了如何利用这些特性进行更有效的JavaScript编程,如创建计算平均值的函数getAvg,并打印商品信息。此外,还提供了模板字符串的用法,用于格式化输出商品数据。
摘要由CSDN通过智能技术生成

ECMA

ECMAScript  简称ES 标准规范

(1)块级作用域

Let 声明的变量不存在变量提升,不允许重复声明

大括号之间的语句块就是块级作用域,大括号里的let、constant是局部的不允许外部访问

面试题: var、let、const三者的区别?

var声明的变量存在变量提升,允许重复声明,只有在函数内声明才是局部变量,不存在块级作用域

let声明的变量不存在变量提升,不允许重复声明const声明的常量,声明后必须赋值,不允许重新赋值

let、const在函数中和在块级作用域下都是局部的,存在块级作用域

let、const在全局作用域声明的也不是全局

var在全局作用域声明的是全局

(2)参数增强

可以给参数设置默认值

function add(a,b,c=0){
    b=b||0; //es6之前设置默认值的方式
    console.log(a+b+c);
}
add(8000,2000);

如果不提供实参,就会使用默认值0

(3)箭头函数

简化了匿名函数的写法,不等价于匿名函数

()=>{}

var arr=[23,9,78,6,45];
arr. sort (( a,b)=>{
	return b-a;
});
console.log(arr);

如果箭头函数的函数体中只有一行代码,并且是return形式,可以进一步简化

var arr=[23,9,78,6,45];
arr. sort (( a,b)=>b-a);
console.log(arr);

 练习:

使用函数表达式创建函数(赋值)getAvg,传递任意3个数字,返回平均值。

var getAvg=(a,b,c)=>(a+b+c)/3;
console.log(getAvg(3,6,9));

(4)模板字符串

`反引号之间的字符串就是模板字符串${JS表达式}`

练习:假设获取到了一条商品的数据,格式为对象,包含商品的编号,标题,价格,是否在售(1/O),打印出以下格式

编号:xX .

标题:xx.

价格:xx.XX

是否在售: x.

var laptop={
	id:6,
	title:'小米',
	price:999.99,
	onSale:1
}
console.log(`
	编号:${laptop.id}
	标题:${laptop.title}
	价格:${laptop.price.toFixed(2)}
	是否在售:${laptop.onSale===1 ? '是' : '否'}
`);

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

D_evin_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值