ES6规范,注意要点,满满的干货

本文详细介绍了ES6的规范要点,包括闭包、箭头函数和数组对象解构等核心概念,旨在帮助开发者更好地理解和应用ES6特性。
摘要由CSDN通过智能技术生成

标题今天带给大家ES6的规范要点,满满的干货

1、闭包
概念:1.函数的内部调用了外部的变量,叫做闭包
  2.闭包是为了将内存保留下来,就是将参数保留,不会立即被销毁
  3.闭包过程中会使用到立即函数,立即保存函数是为了保留参数,否则就会立即销毁
  4.添加点击事件,点击事件是为了得到一个函数,返回函数(回调函数)

注意:在闭包过程中,会发生内存泄漏,内存被参数占据了,所以内存变少了

示例:1.(未闭包)
 var allBtn = document.querySelectorAll("button")
//无论点击哪个都会输出11,因为最后i++后,i变成了11,变为了全局变量。
      for (var i = 1; i <= 10; i++) {
           	allBtn[(i - 1)].onclick = function() {
                  			 console.log(i)
                              		 }
        } 

示例:2.(闭包)

for (var i = 1; i <= 10; i++) {
                allBtn[(i - 1)].onclick = (function(index) {
                    //返回的是一个回调函数
                    return function() {
                        console.log(index)
                    }
                })(i)
            } 
//运行过程:将i传进来,给到function(index)的index,最后点击得到的是一个回调函数,在回调函数里面输出index。

示例:3.(使用let)

 for (let i = 1; i <= 10; i++) {
            allBtn[(i - 1)].onclick = function() {
                console.log(i)
            }
        }

2.对象、数组的解构

 var user = {name: "蔡徐坤&#
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值