首页 > 其他 > 详细

ES6补充

时间:2021-02-18 10:44:24      阅读:32      评论:0      收藏:0      [点我收藏+]

1、块级作用域

变量作用域: 变量在什么范围内是可用的


没有块级作用域引起的问题:for的问题

var btns = document.getElementsByTagName(‘button‘);
for(var i=0;i<btns.length;i++){
  btns[i].addEventListener(‘click‘,function () {
    console.log("第"+i+"个按钮被点击!");
  })
}

无论点击哪个按钮,打印的都是

技术分享图片


通过闭包来解决for问题

为什么闭包可以解决问题:函数是一个作用域

var btns = document.getElementsByTagName(‘button‘);
for(var i=0;i<btns.length;i++){
  (function (i) {
    btns[i].addEventListener(‘click‘,function () {
      console.log("第"+ (i+1) +"个按钮被点击!");
    })
  })(i)
}

技术分享图片


2、const关键字

什么时候使用const:

当我们修饰的标识符不需要再次被赋值时,就可以使用const来保证数据的安全性


const使用的注意点:

//1、一旦给const修饰的标识符被赋值之后,不能修改
const name = ‘why‘;
//name = ‘houchen‘;

//2、const定义标识符,必须进行赋值
//const name1;

//3、常量的含义是指向的对象不能修改,但是可以改变对象内部的属性
const obj = {
  name: ‘houchen‘,
  age: 19
}
obj.age=20;
console.info(obj);


3、ES6对象字面量增强写法

使用对象字面量语法来定义对象

const obj = {
  name: ‘houchen‘,
  age: 20,
  run: function () {
    console.log("奔跑吧!");
  }
}


对象字面量增强写法:

属性增强 + 函数增强

const name = ‘houchen‘;
const age = 20;

const obj = {
  name,
  age,
  run(){
    console.log("奔跑吧");
  }
}

ES6补充

原文:https://www.cnblogs.com/houchen/p/14410482.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!