5、ES6的新特性(变量、常量、模板字符串、结构赋值)

1、什么是ES6

  • 就是JS的版本,ES6是一个跨越性很大的一个版本,里面添加了特多新的特性。

2、改变变量特性(letvar)

letvar
let作为块级作用域{},外面是访问不到的var作为全局作用域,外界可以访问
不允许在let声明变量之前使用变量允许在var声明变量之前使用变量
let不允许重复声明var可以重复声明
ES6作用让变量更加规范

3、新添加常量(const)

区别:

变量和常量区别
变量变量可以改
常量常量定义了就不能改变

使用场景:

常量使用场景
1不变的值用常量声明
2函数表达式可以使用常量
3对象声明可以使用常量
4引入外部模块使用常量
	<script>
		// 1、不变的值用常量声明
		const π = 3.14;

		// 2、函数表达式可以使用常量
		const fun = function () {
			console.log('jasmine');
		}
		fun();		// 输出结果:jasmine

		// 3、对象声明可以使用常量
		function fun1() {
			return { name: 'jasmine' };
		}
		const getFun1 = fun1();
		getFun1.name = 'jasmine_qiqi';
		console.log(getFun1.name);		// 输出结果:jasmine_qiqi

		// 4、引入外部模块使用常量
		const express = require('express');

	</script>

4、新添加模板字符串(换行、嵌入变量)

		// 5、模板字符串换行
		console.log(`ES6的新特性(变量、常量、模板字符串、结构赋值),
新添加模板字符串(换行、嵌入变量)。`);

		// 6、嵌入变量
		var date = new Date();
		var result = `${date.getFullYear()}${(date.getMonth()) + 1}${date.getDate()}`;
		console.log(result);		// 输出结果:2022年4月7日

4、新添加结构赋值(数组、对象、传参)

结构赋值
1数组的结构赋值
2对象的结构赋值
3通过结构赋值传递参数
		// 7、数组的结构赋值
		var m = 10;
		var n = 20;
		[m, n] = [n, m];
		console.log(m, n);		// 输出结果:20,10

		// 8、对象赋值
		var { name, age } = { name: 'jasmine', age: 18 };
		console.log(name, age);		// 输出结果:jasmine,18

		// 9、通过结构赋值传递参数
		var test = { name: 'jasmine', age: 18 };
		function getName({ name }) {
			return name;
		}
		var result = getName(test);
		console.log(result);	// 输出结果:jasmine
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

jasmine_qiqi

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

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

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

打赏作者

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

抵扣说明:

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

余额充值