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

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对象)
相关推荐
橙子家6 小时前
浏览器缓存之【身份与会话管理】:Cookies 和 Private state tokens
前端
To_OC7 小时前
LC 49 字母异位词分组:想到哈希表很简单,选对 key 才是精髓
javascript·算法·leetcode
最新资讯动态7 小时前
HDC 2026 | 对话鲸鸿动能:存量时代,品牌如何夺回营销“主动权”?
前端
最新资讯动态7 小时前
游戏出海,从产品走向体系
前端
最新资讯动态7 小时前
20人团队跑出百万DAU、大厂也来抢量:谁在鸿蒙生态跑出加速度
前端
最新资讯动态7 小时前
千万开发者背后,鸿蒙商业化的B面
前端
爱勇宝9 小时前
AI 时代:智商决定起点,情商决定走多远
前端·ai编程
kyriewen9 小时前
用了半年 Claude Code 后,我尝试关掉它写了一周代码——结果比想象中严重
前端·javascript·ai编程
IT_陈寒10 小时前
Vite的静态资源打包让我熬夜到三点,这坑千万别跳
前端·人工智能·后端
山河木马11 小时前
矩阵专题0-webGL中的矩阵
javascript·webgl·计算机图形学