前端技术学习——ES6核心基础

devtools/2025/2/12 5:20:04/

1、ES6与JavaScript之间的关系
ES6是JavaScript的一个版本:JavaScript是基于ECMAScript规范实现的编程语言,而ES6(ECMAScript 2015)是该规范的一个具体版本。
2、ES6的基础功能
(1)let和const

  • let用于声明变量,let声明的变量只在let命令所在的代码块内有效
  • const用于声明常量,const声明一个只读的常量,一旦声明,常量的值就不能改变。


(2)模板字符串和箭头函数

  • ()=>{}:使用箭头声明函数,不用再书写function关键字
  • this:非箭头函数中的this指向函数的调用者;箭头函数中的this指向定义时所在的对象;全局作用域中this指向window

(3)解构赋值
 

  • []=[](数组的解构赋值):let [a,b,c]=[1,2,3]; 可以从数组中提取值,按照对应位置,为左侧变量赋值;
  • {}={}(对象的解构赋值):let{ a, b} = { b:'bbb',a:'aaa'};按照对应的属性名,给左侧的变量赋值,等号左边的两个变量的书写顺序,与等号右边的两个同名属性的顺序可以不一致。
  • [] = "" ,{} = ""(字符串的解构赋值):在解构前,字符串被转换成了一个类似数组的对象 (不常用,了解即可)1、以数组的形式解构,const [a, b, c, d, e] = 'hello';2、以对象的形式解构,let { 0: a } = 'hello'

(4)剩余参数,展开运算符
 

  • 剩余参数:...arg:将一个不定数量的参数表示为一个数组
  • ...:将内容展开,属于浅拷贝

(5)数据结构
 

  • Set:是一系列无序、没有重复值的集合
  • Map:是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当做键

(6)遍历器

  • Iterator:为各种不同的数据结构提供统一的访问机制
  • for...of:遍历成员, for...of循环可以使用的范围包括数组、Set和Map结构、某些类似数组的对象(比如arguments对象、DOM NodeList对象)

http://www.ppmy.cn/devtools/158120.html

相关文章

详细代码篇:python+mysql +h5实现基于的电影数据统计分析系统实战案例(二)

点击阅读原文:: 详细代码篇:pythonmysql h5实现基于的电影数据统计分析系统实战案例(二)! https://mp.weixin.qq.com/s/h-w875AMJLeQ-NLdrDoEzg?token910031714&langzh_CN1、先按照目录结构创建对应的文件夹及文…

使用css3锥形渐变conic-gradient实现有趣样式

在之前的篇幅中介绍过css的线性渐变linear-gradient()和径向渐变radial-gradient(),如果你对这两种渐变还不了解的话,可以看一下之前录制的视频教程。 往期文档地址:https://blog.csdn.net/qq_18798149/article/details/134389038 视频学习地…

Java 反射机制的安全隐患与防范措施:在框架开发与代码审计中的应用

前言 在 Java 编程的广阔领域中,反射机制堪称一把神奇且强大的钥匙,它为开发者打开了通往动态编程的全新大门。借助反射,Java 程序获得了在运行时自我审视和操作的独特能力,极大地增强了代码的灵活性与适应性。 简单来讲&#x…

github - 使用

注册账户以及创建仓库 要想使用github第一步当然是注册github账号了, github官网地址:https://github.com/。 之后就可以创建仓库了(免费用户只能建公共仓库),Create a New Repository,填好名称后Create,之后会出现一些仓库的配置信息,这也是一个git的简单教程。 Git…

【C/C++】每日温度 [ 栈的应用 ] 蓝桥杯/ACM备赛

数据结构考点:栈 题目描述: 给定一个整数数组 temperatures ,表示每天的温度,返回一个数组 answer ,其中 answer[i] 是指对于第 i 天,下一个更高温度出现在几天后。如果气温在这之后都不会升高&#xff0…

Scala语言的系统运维

Scala语言的系统运维 引言 在今天的科技发展时代,软件系统的复杂性和规模不断增加,因此系统运维的管理和监控显得尤为重要。在众多编程语言中,Scala因其高度的表达力和强大的性能而受到越来越多开发者和运维人员的青睐。本文将探讨Scala语言…

Android车机DIY开发之软件篇(十) NXP MfgTool和UUU的使用

标题Android车机DIY开发之软件篇(十) NXP MfgTool和UUU的使用 一、MfgTool工具 1.基本原理 1、先向DDR下载一个linux系统2. 通过linux完成烧写files里面保存的是最终保存到开发板中的uboot.imx zimage dtb rootfsvbs是在打开mfgtool2和很多参数ucl2.xml表示文件选择 定义自…

【Spring Boot】SpringBoot自动装配-Import

目录 一、前言二、 定义三、使用说明 3.1 创建项目 3.1.1 导入依赖3.1.2 创建User类 3.2 测试导入Bean 3.2.1 修改启动类 3.3 测试导入配置类 3.3.1 创建UserConfig类3.3.2 修改启动类 3.4 测试导入ImportSelector 3.4.1 创建UseImportSelector类3.4.2 修改启动类3.4.3 启动测试…