为了账号安全,请及时绑定邮箱和手机立即绑定

ES6 学习笔记

标签:
JavaScript

简介

JS 组成部分

由三大部分组成

  1. ES (JS语法规范)
  2. DOM (操作网页元素API)
  3. BOM (操作浏览器API)

ES6 是什么?

在2015年之前,ES版本都是以‘ES+数字’方式进行命名,最高发布到ES5.1;但2015年之后,ES版本命名发生改变,变为‘ES+年份’进行命名,并且逐年更新,不仅是命名和更新频率发生改变,而且ES2015推出了很多新特性和对JS的缺陷提出很多补救的语法,让JS更健壮,功能更强大,所以2015年对于JS来说是一个里程碑的年份,行业里对2015年及其之后推出的所有ES版本统称为ES6,因此ES6是个泛指,其包含ES2015、ES2017等

新语法

let const声明

var 缺陷
1、缺少块级作用域
2、可在同一作用域下重复声明同一变量
3、无常量概念
4、在for循环里存在污染变量问题
5、变量声明提升问题(先使用后声明)

let/const 的出现就是为了解决 var 的缺陷

var btns = document.getElementsByTagName("button");  // 4个btn

for(var i=0; i<btns.length; i++){
	btns[i].onclick = function(){
		console.log(i);    
	}
}
// 永远输出 4 

for(let i=0; i<btns.length; i++){
	btns[i].onclick = function(){
		console.log(i);    
	}
}
// 输出对应索引

上面例子原因:var声明的变量是全局而let声明的变量是局部的

const 定义常量 必须注意以下:
1、一旦声明就必须赋值
2、一旦赋值就不能修改
3、具有块作用域
4、声明引用类型常量,引用类型里的值可以修改

模板字符串

一种定义字符串的新方式,让字符串拼接更加简单,并且支持换行

// 以前的方式
var oldOneStr = "xxx";
var oldTwoStr = 'bbb';

// 新方式
let NewStr = `bsss${name}hhh`;

解构语法

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消