ES6 学习笔记
标签:
JavaScript
简介
JS 组成部分
由三大部分组成
- ES (JS语法规范)
- DOM (操作网页元素API)
- 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人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦