ES6知识点详细解析

最新推荐文章于 2024-08-23 09:00:47 发布
最新推荐文章于 2024-08-23 09:00:47 发布
阅读量26 收藏
点赞数
文章标签： es6 javascript 前端 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44808878/article/details/132972827
版权

theme: channing-cyan

跟着coderwhy学习

1.字符串模板基本使用

  • 在ES6之前，如果我们想要将字符串和一些动态的变量(标识符)拼接到一起，是非常麻烦和丑陋的(ugly)。

  • ES6允许我们使用字符串模板来嵌入JS的变量或者表达式来进行拼接：

    • 首先，我们会使用 `` 符号来编写字符串，称之为模板字符串；
    • 其次，在模板字符串中，我们可以通过 ${expression} 来嵌入动态的内容； ``js const message =my name is ${name}, age is ${age}, height is ${height}` console.log(message)

    const info = age double is ${age * 2} console.log(info)

    function doubleAge() { return age * 2 }

    const info2 = double age is ${doubleAge()} console.log(info2) ```

    2. 标签模板字符串使用

  • 模板字符串还有另外一种用法：标签模板字符串(Tagged Template Literals)。

  • 来看一个普通的JavaScript的函数： ```js function foo(...args) { console.log(args) }

    // [ 'Hello World'] foo('Hello World') ```

  • 如果我们使用标签模板字符串，并且在调用的时候插入其他的变量：
    • 模板字符串被拆分了；
    • 第一个元素是数组，是被模块字符串拆分的字符串组合；
    • 后面的元素是一个个模块字符串传入的内容； js cpnst name = 'mint' const age = 18 // [ ['Hello ', ' World ', ''] ,'mint', 18 ] foo`Hello ${name} World ${age}` ### 3.【扩展】 React的styled-components库

image.png

4.函数的默认参数

  • 在ES6之前，我们编写的函数参数是没有默认值的，所以我们在编写函数时，如果有下面的需求：
    • 传入了参数，那么使用传入的参数；
    • 没有传入参数，那么使用一个默认值；
  • 而在ES6中，我们允许给函数一个默认值： ```js function foo(x=20, y=30) { console.log(x, y) }

foo(50, 100) // 50 100 foo() // 20 30 ```

js function foo() { var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 20; var y = arguments.length > 0 && arguments[1] !== undefined ? arguments[1] : 30; console.log(x, y); }

5.函数默认值的补充

  • 默认值也可以和解构一起来使用： ```js // 1.ES6可以给函数参数提供默认值 function foo(m = "aaa", n = "bbb") { console.log(m, n) }

// 2.对象参数和默认值以及解构 function printInfo({name, age} = {name: "why", age: 18}) { console.log(name, age) } ```

### 6.展开语法

  • 展开语法(Spread syntax)：
    • 可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；
    • 还可以在构造字面量对象时, 将对象表达式按key-value的方式展开；

  • 展开语法的场景：

    • 在函数调用时使用；
    • 在数组构造时使用；
    • 在构建对象字面量时，也可以使用展开运算符，这个是在ES2018(ES9)中添加的新特性； ``` const names = ["abc", "cba", "nba"] const name = "mint" const info = {name: "mint", age: 18}

    // 1.函数调用时 function foo(x, y, z) { console.log(x, y, z) }

    // foo.apply(null, names) foo(...names) foo(...name)

    // 2.构造数组时 const newNames = [...names, ...name] console.log(newNames)

    // 3.构建对象字面量时ES2018(ES9) const obj = { ...info, address: "广州市", ...names } console.log(obj) ```

  • 注意：展开运算符其实是一种浅拷贝； ``` const info = { name: 'mint', friend: {name: 'pika'} }

    const obj = { ...info, name: 'pika-web'} // console.log(obj); obj.friend.name = 'andy'

    console.log(info.friend.name) ```

7.数值的表示

  • 在ES6中规范了二进制和八进制的写法： ```js const num1 = 100 // 十进制 100

// b -> binary const num2 = 0b100 // 二进制 4 // o -> octonary const num3 = 0o100 // 八进制 64 // x -> hexadecimal const num4 = 0x100 // 十六进制 256 ```

  • 另外在ES2021新增特性：数字过长时，可以使用_作为连接符 js // 大的数值的连接符(ES2021 ES12) const num = 10_000_000_000_000_000 console.log(num) // 10000000000000000

8.Symbol的基本使用

  • Symbol是什么呢？Symbol是ES6中新增的一个基本数据类型，翻译为符号。

  • 那么为什么需要Symbol呢？

    • 在ES6之前，对象的属性名都是字符串形式，那么很容易造成属性名的冲突；

    • 比如原来有一个对象，我们希望在其中添加一个新的属性和值，但是我们在不确定它原来内部有什么内容的情况下，很容易造成冲突，从而覆盖掉它内部的某个属性；

    • 比如我们前面在讲apply、call、bind实现时，我们有给其中添加一个fn属性，那么如果它内部原来已经有了fn属性了呢？

      • 比如开发中我们使用混入，那么混入中出现了同名的属性，必然有一个会被覆盖掉；
  • Symbol就是为了解决上面的问题，用来生成一个独一无二的值。
  • Symbol值是通过Symbol函数来生成的，生成后可以作为属性名；
    • 也就是在ES6中，对象的属性名可以使用字符串，也可以使用Symbol值；
  • Symbol即使多次创建值，它们也是不同的：Symbol函数执行后每次创建出来的值都是独一无二的；
  • 我们也可以在创建Symbol值的时候传入一个描述description： 这个是ES2019(ES10)新增的特性； ```js // 在ES6之前，对象的属性名(key) // var obj = { // name: 'mint', // friend: {name: 'pika'}, // age: 18 // } // // obj['name'] = 'soft' // console.log(obj)

// ES6中的Symbol使用 const s1 = Symbol() const s2 = Symbol()

console.log(s1 === s2) //false

// ES2019(ES10)中, Symbol还有一个描述(description) const s3 = Symbol("aaa") console.log(s3.description) //aaa ```

9.Symbol作为属性名

  • 我们通常会使用Symbol在对象中表示唯一的属性名： ```js // 3.Symbol值作为key // 3.1.在定义对象字面量时使用 const obj = { [s1]: "abc", [s2]: "cba" }

// 3.2.新增属性 obj[s3] = "nba"

// 3.3.Object.defineProperty方式 const s4 = Symbol() Object.defineProperty(obj, s4, { enumerable: true, configurable: true, writable: true, value: "mba" })

console.log(obj[s1], obj[s2], obj[s3], obj[s4]) // 注意: 不能通过.语法获取 // console.log(obj.s1) undefined

// 4.使用Symbol作为key的属性名,在遍历/Object.keys等中是获取不到这些Symbol值 // 需要Object.getOwnPropertySymbols来获取所有Symbol的key console.log(Object.keys(obj)) console.log(Object.getOwnPropertyNames(obj)) console.log(Object.getOwnPropertySymbols(obj)) const sKeys = Object.getOwnPropertySymbols(obj) for (const sKey of sKeys) { console.log(obj[sKey]) } ```

10.相同值的Symbol

  • 讲Symbol的目的是为了创建一个独一无二的值，那么如果我们现在就是想创建相同的Symbol应该怎么来做呢？

    • 我们可以使用Symbol.for方法来做到这一点；

    • 并且我们可以通过Symbol.keyFor方法来获取对应的key；

      ```js // 5.Symbol.for(key) / Symbol.keyFor(symbol) const sa = Symbol.for('aaa') const sb = Symbol.for('aaa') console.log(sa === sb);//true

      const key = Symbol.keyFor(sa) console.log(key) //aa const sc = Symbol.for(key) console.log(sa === sc) //true ```

      11.Set的基本使用

  • 在ES6之前，我们存储数据的结构主要有两种：数组、对象。

    • 在ES6中新增了另外两种数据结构：Set、Map，以及它们的另外形式WeakSet、WeakMap。
  • Set是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是元素不能重复。
    • 创建Set我们需要通过Set构造函数(暂时没有字面量创建的方式)：

```js const set = new Set() set.add(10) set.add(20) set.add(40) set.add(333) // console.log(set) //Set { 10, 20, 40, 333 }

set.add(10) console.log(set) // Set { 10, 20, 40, 333 }

// 2.添加对象时特别注意： set.add({}) set.add({}) console.log(set) // Set { 10, 20, 40, 333, {}, {} } + 我们可以发现Set中存放的元素是不会重复的，那么Set有一个非常常用的功能就是给数组去重。 js // 3. 对数组去重(去除重复元素) const arr = [33, 10, 26, 30, 33, 26] // const newArr = [] // for (const item of arr) { // if (newArr.indexOf(item) !== -1) { // newArr.push(item) // } // }

const arrSet = new Set(arr) // const newArr = Array.from(arrSet) const newArr = [...arrSet] console.log(newArr)// [ 33, 10, 26, 30 ] ```

12.Set的常见方法

  • Set常见的属性：
    • size：返回Set中元素的个数；
  • Set常用的方法：
    • add(value)：添加某个元素，返回Set对象本身；
    • delete(value)：从set中删除和这个值相等的元素，返回boolean类型；
    • has(value)：判断set中是否存在某个元素，返回boolean类型；
    • clear()：清空set中所有的元素，没有返回值；
    • forEach(callback, [, thisArg])：通过forEach遍历set；
  • 另外Set是支持for of的遍历的。

```js / 4.size属性 console.log(arrSet.size) // 4

// 5.Set的方法 // add arrSet.add(100) console.log(arrSet)

// delete arrSet.delete(33) console.log(arrSet)

// has console.log(arrSet.has(100)) //true

// clear // arrSet.clear() console.log(arrSet) //Set { 10, 26, 30, 100 }

// 6.对Set进行遍历 arrSet.forEach(item => { console.log(item) // 10 26 30 100

})

for (const item of arrSet) { console.log(item) // 10 26 30 100 } ```

13.WeakSet使用

  • 和Set类似的另外一个数据结构称之为WeakSet，也是内部元素不能重复的数据结构。

  • 那么和Set有什么区别呢？ + 区别一：WeakSet中只能存放对象类型，不能存放基本数据类型； ```js const weakSet = new WeakSet()

    // TypeError: Invalid value used in weak set // weakSet.add(10) + 区别二：WeakSet对元素的引用是弱引用，如果没有其他引用对某个对象进行引用，那么GC可以对该对象进行回收； + add(value)：添加某个元素，返回WeakSet对象本身； + delete(value)：从WeakSet中删除和这个值相等的元素，返回boolean类型； + has(value)：判断WeakSet中是否存在某个元素，返回boolean类型； js let obj = { name: "mint" }

    // weakSet.add(obj)

    const set = new Set() // 建立的是强引用 set.add(obj)

    // 建立的是弱引用 weakSet.add(obj) ```

    14.WeakSet的应用

  • 注意：WeakSet不能遍历

    • 因为WeakSet只是对对象的弱引用，如果我们遍历获取到其中的元素，那么有可能造成对象不能正常的销毁。
    • 所以存储到WeakSet中的对象是没办法获取的；

  • 那么这个东西有什么用呢？

    • 事实上这个问题并不好回答，我们来使用一个Stack Overflow上的答案； ```js const personSet = new WeakSet() // const personSet = new Set() class Person { constructor() { personSet.add(this) } running() { if (personSet.has(this)) { throw new Error("不能通过非构造函数方法创建出来的对象调用running方法") } console.log('running~', this) } }

      let p = new Person() p.running() p = null

      p.running.call({name: 'mint'}) ```

    15.Map的基本使用

    • 另外一个新增的数据结构是Map，用于存储映射关系。
    • 但是我们可能会想，在之前我们可以使用对象来存储映射关系，他们有什么区别呢？
      • 事实上我们对象存储映射关系只能用字符串(ES6新增了Symbol)作为属性名(key)；
      • 某些情况下我们可能希望通过其他类型作为key，比如对象，这个时候会自动将对象转成字符串来作为key；
  • 那么我们就可以使用Map： ```js // 1.JavaScript中对象中是不能使用对象来作为key的 const obj1 = {name: 'mint'} const obj2 = {name: 'pika'}

// const info = { // [obj1]: 'aaa', // [obj2]: 'bbb' // } // // console.log(info)// { '[object Object]': 'bbb' }

// 2.Map就是允许我们对象类型来作为key的 // 构造函数 const map = new Map() map.set(obj1, 'aaa') map.set(obj2, 'bbb') map.set(1, 'ccc') console.log(map) /* * Map { { name: 'mint' } => 'aaa', { name: 'pika' } => 'bbb', 1 => 'ccc' } * */

const map2 = new Map([[obj1, "aaa"], [obj2, "bbb"], [2, "ddd"]]) console.log(map2) ```

16.Map的常用方法

  • Map常见的属性：
    • size：返回Map中元素的个数；
  • Map常见的方法：
    • set(key, value)：在Map中添加key、value，并且返回整个Map对象；
    • get(key)：根据key获取Map中的value；
    • has(key)：判断是否包括某一个key，返回Boolean类型；
    • delete(key)：根据key删除一个键值对，返回Boolean类型；
    • clear()：清空所有的元素；
    • forEach(callback, [, thisArg])：通过forEach遍历Map；
  • Map也可以通过for of进行遍历。 ```js // 3.常见的属性和方法 console.log(map2.size);

// get(key) console.log(map2.get('mint'));

// has(key) console.log(map2.has("mint"))

// delete(key) map2.delete("mint") console.log(map2)

// clear // map2.clear() // console.log(map2)

// 4.遍历map map2.forEach((item, key) => { console.log(item, key) })

for (const item of map2) { console.log(item[0], item[1]) }

for (const [key, value] of map2) { console.log(key, value) } ```

17.WeakMap的使用

  • 和Map类型的另外一个数据结构称之为WeakMap，也是以键值对的形式存在的。

  • 那么和Map有什么区别呢？

    • 区别一：WeakMap的key只能使用对象，不接受其他的类型作为key；
    • 区别二：WeakMap的key对对象想的引用是弱引用，如果没有其他引用引用这个对象，那么GC可以回收该对象； js const weakMap = new WeakMap() // Invalid·value ·used as weak map key weakMap.set(1, "abc ") // Invalid ·value used as weak map key weakMap.set( "aaa" , "cba") ```js const obj = {name: "obj1"} // 1.WeakMap和Map的区别二: const map = new Map() map.set(obj, "aaa") console.log(map); //Map { { name: 'obj1' } => 'aaa' }

    const weakMap = new WeakMap() weakMap.set(obj, "aaa") console.log(weakMap) //WeakMap { }

    // 2.区别一: 不能使用基本数据类型 // weakMap.set(1, "ccc") ```

  • WeakMap常见的方法有四个： + set(key, value)：在Map中添加key、value，并且返回整个Map对象； + get(key)：根据key获取Map中的value； + has(key)：判断是否包括某一个key，返回Boolean类型； + delete(key)：根据key删除一个键值对，返回Boolean类型； ```js // get方法 console.log(weakMap.get(obj))// aaa

    // has方法 console.log(weakMap.has(obj)) // ture

    // delete方法 console.log(weakMap.delete(obj)) // true // WeakMap { } console.log(weakMap) // WeakMap { } ```

    18.WeakMap的应用

  • 注意：WeakMap也是不能遍历的

    • 因为没有forEach方法，也不支持通过for of的方式进行遍历；
  • 那么我们的WeakMap有什么作用呢？

image.png

```js // 应用场景(vue3响应式原理) const obj1 = { name: 'mint', age: 18 }

function obj1NameFn1() { console.log('obj1NameFn1被执行') }

function obj1NameFn2() { console.log('obj1NameFn2被执行') }

function obj1AgeFn1() { console.log("obj1AgeFn1") }

function obj1AgeFn2() { console.log("obj1AgeFn2") }

const obj2 = { name: 'pika', height: 1.88, address: "武汉市" }

function obj2NameFn1() { console.log("obj1NameFn1被执行") }

function obj2NameFn2() { console.log("obj1NameFn2被执行") }

// 1.创建WeakMap const weakMap = new WeakMap()

// 2.收集依赖结构 // 2.1对obj1收集的数据结构 const obj1Map = new Map() obj1Map.set('name',[obj1NameFn1,obj2NameFn2]) obj1Map.set('age',[obj1AgeFn1,obj1AgeFn2]) weakMap.set(obj1, obj1Map)

// 2.2.对obj2收集的数据结构 const obj2Map = new Map() obj2Mpa.set('name', [obj2NameFn1,obj2NameFn2]) weakMap.set(obj2, obj2Map)

// 3.如果obj1.name发生了改变 // Proxy/Object.defineProperty obj1.name = 'soft' const targetMap = weakMap.get(obj1) const fns = targetMap.get('name') fns.forEach(item => item()) ```

皮卡卡卡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【面试题】 ES6知识点详细解析
web全栈开发的博客
10-28 798
由于箭头函数没有 this，所以会向外层查找 this 的值，即 bindEvent 中的 this，此时 this 指向实例对象，所以可以正确的调用 this.setBgColor 方法， 而 this.setBgColor 中的 this 也会正确指向实例对象。在这里再额外提一点，就是注意 bindEvent 和 setBgColor 在这里使用的是普通函数的形式，而非箭头函数，如果我们改成箭头函数，会导致函数里的 this 指向 window 对象 (非严格模式下)。
ES6常用知识点解析
KDDA的博客
03-15 159
ES6常用知识点解析 一、let和const命令 let命令 1. 基本用法 ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined 只在块级作用域有效 b // 1 适用场景 for循环的计数器，就很合适使用let命令。 // ES5 for (var i = 0; i < 10; i++) {} co
ES6知识点总结
weixin_51221133的博客
10-15 505
一、ECMAScript 是什么 ECMAScript是JavaScript的组成部分，JavaScript没了它可是不行的。平时我们写javascript代码的时候，用什么声明一个变量，没错，是用关键字：var，为什么是 var 而不是其他的单词？此外，为什么我们都用function关键字来声明一个函数，而不是用其他单词？为什么呢？因为这是ECMAScript规定了我们要这么做，它规定了javascript的语法规则。 ECMAScript就是JavaScript中的语法规范！它规定了我们javasc
2024年Web前端最新【面试题】 ES6知识点详细解析_es6基本语法面试，字节跳动面试官迟到
2401_84447065的博客
05-12 383
由于箭头函数没有 this，所以会向外层查找 this 的值，即 bindEvent 中的 this，此时 this 指向实例对象，所以可以正确的调用 this.setBgColor 方法， 而 this.setBgColor 中的 this 也会正确指向实例对象。在这里再额外提一点，就是注意 bindEvent 和 setBgColor 在这里使用的是普通函数的形式，而非箭头函数，如果我们改成箭头函数，会导致函数里的 this 指向 window 对象 (非严格模式下)。
【ES6知识点】
qq_48687155的博客
08-20 822
ES6知识点
Es6知识点介绍
x_1213的博客
10-16 325
今天小编为整理一下Es6的基础知识点： Es6主要可分为 1.变量声明关键字 2.解构赋值 3.字符串 4.函数 5.对象 7.Class类8.模块等几个部分 1.变量声明关键字就是我们平时经常用的var 以及Es6里的let和const下面说下他们的区别 var 是全局作用域和函数作用域，也就是说如果需要声明一个全局变量那么我们就用var let声明的变量只在let命令所在的代码块内有效，比较适合用在某些循环结构中 const 声明一个只读的常量，一旦声明，常量的值就不能改变。 变量提升：会把.
ES6知识点解析(二)
酒客的博客
12-20 417
ES6知识点解析(二) 字符串模板基本使用 ​ 在ES6之前，如果我们想要将字符串和一些动态的变量（标识符）拼接到一起，是非常麻烦和丑陋的（ugly）。 ES6允许我们使用字符串模板来嵌入JS的变量或者表达式来进行拼接： 首先，我们会使用 `` 符号来编写字符串，称之为模板字符串； 其次，在模板字符串中，我们可以通过 ${expression} 来嵌入动态的内容； // ES6之前拼接字符串和其他标识符 const name = "why" const age = 18 const height = 1
ES6知识点
qq_69909373的博客
09-29 223
es6 知识点
ES6相关知识点
qq_54825857的博客
11-27 1555
ES6是一个泛指，含义是5.1版本之后的js版本，涵盖了ES2015,ES2016,ES2017等。
ES6常用知识点梳理
2401_84411557的博客
04-28 985
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。
ES6知识点整理之数组解构和字符串解构的应用示例
10-17
解构赋值还支持不完全解析，即不匹配数组的所有元素，多余的元素可以省略： ```javascript let [a, [b], c] = [22, [5, 8], 11]; ``` 在解构赋值时，如果某个位置是`undefined`或`null`，则会被忽略： ```...
JavaScript es6-xmind.zip
12-07
JavaScript ES6，全称ECMAScript 6，是JavaScript语言的一个重要版本更新，引入了大量的新...通过这个知识点框架和思维导图，你可以清晰地了解每个概念，构建起完整的ES6知识体系，无论是预习还是复习，都能事半功倍。
JS重要知识点小结
10-28
### JS代码预解析原理 在深入学习JavaScript（JS）时，代码预解析是一个...总之，理解上述的JS代码预解析原理、函数相关和面向对象的知识点，是深入学习JavaScript的必经之路，它们帮助我们构建更健壮、更高效的代码。
ES6知识点整理之函数对象参数默认值及其解构应用示例
12-12
本文实例讲述了ES6知识点整理之函数对象参数默认值及其解构应用。分享给大家供大家参考，具体如下： 同函数数组参数一样，函数的对象参数的默认值和解构过程整理 函数对象参数的默认值与解构的形式 此处使用箭头...
JavaScript面试开发常用的知识点总结
10-21
JavaScript是Web开发中不可或缺的一部分，尤其在面试环节，掌握JavaScript的核心知识点至关重要。本文将深入探讨JavaScript面试中常见的语法和类型、数据结构和类型等方面的知识。 首先，我们关注语法和类型。在...
ES6笔记总结（Xmind格式）：第三天
最新发布
m0_71805303的博客
08-23 492
ES6知识总结：Promise的使用:1.使用 new Promise() 构造函数来创建一个 promise 对象2.接受两个函数作为参数：resolve 和 reject①resolve 函数在异步操作成功完成时调用，并将 promise 的状态从 "pending" 变为 "fulfilled"，同时将操作的结果作为参数传递出去。②reject 函数在异步操作失败时被调用，并将 promise 的状态从 "pending" 变为 "rejected"，同时将错误作为参数传递出去。
前端开发工程师面试整理-ES6+的新特性
不务正业的猿
08-17 373
这些ES6+的新特性使JavaScript变得更强大、更简洁，提高了开发效率和代码可读性。ES6（ECMAScript 2015）及后续版本引入了许多新特性，极大地增强了JavaScript的功能和开发体验。使用function*定义生成器函数，可以通过yield暂停和恢复执行。基于Promise的异步编程语法，使异步代码更加简洁和易读。使用简洁的语法定义函数，并且不绑定自己的this。使用import和export语法导入和导出模块。Map用于存储键值对，Set用于存储唯一值的集合。用于异步操作的对象。
vue开发引入第三方插件的方式及其区别
你们瞎搞
08-22 364
npm。
2024前端面试题-js篇
FormAda的博客
08-22 809
是数组的一种迭代方法，主要用于对数组中的每一项执行给定的函数。它只是简单地对数组进行遍历，没有提供跳出循环的机制。基础数据类型：string,number,boolean，null，undefined，bigInt，symbol。在规定的时间内没有触发事件，就执行函数，如果在规定的时间触发了时间久重新开始计时。当异常被抛出时，正常的流程被打断，可以通过。函数执行一次后，在规定的时间内不再执行。块捕获异常，从而实现停止迭代的效果。执行顺序：同步代码->微任务->宏任务。引用数据类型：Object。
ES6知识点概览与let、const区别详解
"P4知识点总结文档详细解析" 在这个文档中，主要介绍了JavaScript的第六个版本（ES6）的重要知识点，特别是针对其与早期版本的区别和新引入的语法特性。首先，我们明确了ES6（ECMAScript 6）的含义，它是JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值