JavaScript语法拓展与新特性探索

1/1JavaScript语法拓展与新特性探索第一部分箭头函数及展开运算符应用 2第二部分模板字符串与创建多行字符串 5第三部分非结构化绑定与解构赋值使用 10第四部分类与模块系统解析与比较 14第五部分Generator与async/await实现异步控制 16第六部分Proxy与Reflect实现数据操作及监视 19第七部分新特性Set、Map、WeakSet、WeakMap介绍 22第八部分Symbol类型简介及实际应用 27

第一部分箭头函数及展开运算符应用关键词关键要点【箭头函数及展开运算符应用】：

1.箭头函数的简介：

-使用箭头（=>）定义，可以简化函数的语法，提升代码的可读性。

-与传统函数相比，箭头函数没有自己的this关键字，它会继承外层函数的this值。

-适合于回调函数、事件处理程序等情景，可以简化代码结构，提升代码的可维护性。

2.箭头函数的应用举例：

-作为回调函数：可以简化回调函数的语法，提升代码的可读性，提高代码的层次感。

-作为事件处理程序：可以简化事件处理函数的语法，提升代码的可读性，简化代码结构。

-作为数组的遍历函数：可以简化数组遍历函数的语法，提升代码的可读性，减少代码的冗余。

3.展开运算符的简介：

-使用三个点(...)展开数组或对象，将元素逐个取出，形成一个新的数组或对象。

-可以用于将多个数组或对象合并成一个新的数组或对象，简化代码结构。

-可以用于将函数的参数展开为一个数组，简化参数传递。

4.展开运算符的应用举例：

-合并数组：可以用展开运算符将多个数组合并成一个新的数组，可以简化数组的操作。

-合并对象：可以用展开运算符将多个对象合并成一个新的对象，可以简化对象的构建。

-函数参数展开：可以用展开运算符将函数的参数展开为一个数组，可以简化函数的实现。

-复制数组或对象：可以用展开运算符来复制数组或对象，可以简化代码结构。

5.箭头函数和展开运算符的结合应用：

-在数组或对象的遍历中使用箭头函数，可以简化代码结构，提升代码的可读性。

-在函数的参数传递中使用展开运算符，可以简化函数的实现，提升代码的可维护性。

-在对象的属性初始化中使用箭头函数和展开运算符，可以简化代码结构，提升代码的可读性。

6.箭头函数和展开运算符的优势：

-具有良好的可读性和简洁性，有助于提高代码的可维护性和可理解性。

-代码更加简洁，能够减少代码行数，提升代码的执行效率，降低代码的复杂性。箭头函数

箭头函数是一种简写形式的函数表达式，它使用箭头符号（=>）来定义函数体。箭头函数没有自己的this关键字，而是继承其外层函数的this值。这就使得箭头函数特别适用于作为回调函数，因为不需要担心this值的变化。

语法

```

```

示例

```

//使用箭头函数定义一个回调函数

constcallback=(x)=>x+1;

//调用回调函数

constresult=[1,2,3].map(callback);

//结果

console.log(result);//[2,3,4]

```

展开运算符

展开运算符是一种将数组或对象展开为单个元素的运算符。它使用三个点（...）来表示。展开运算符可以用于函数调用、数组连接和对象合并等操作。

语法

```

...array

```

示例

```

//使用展开运算符将两个数组连接起来

constarray1=[1,2,3];

constarray2=[4,5,6];

constcombinedArray=[...array1,...array2];

//结果

console.log(combinedArray);//[1,2,3,4,5,6]

```

箭头函数及展开运算符在实际开发中的应用

箭头函数和展开运算符都是非常有用的语言特性，它们可以简化代码并提高代码的可读性。在实际开发中，箭头函数和展开运算符可以应用于各种场景，例如：

*作为回调函数：箭头函数非常适合作为回调函数，因为它们没有自己的this关键字，无需担心this值的变化。

*数组处理：展开运算符可以轻松地将数组展开为单个元素，非常适用于数组处理操作，例如数组连接、数组去重和数组排序等。

*对象处理：展开运算符可以轻松地将对象合并在一起，非常适用于对象合并操作，例如对象扩展和对象克隆等。

*函数柯里化：箭头函数和展开运算符可以结合使用来实现函数柯里化，即把一个多参数函数转换成一个单参数函数。

总结

箭头函数和展开运算符是JavaScript中非常有用的语言特性，它们可以简化代码并提高代码的可读性。在实际开发中，箭头函数和展开运算符可以应用于各种场景，例如作为回调函数、数组处理、对象处理和函数柯里化等。第二部分模板字符串与创建多行字符串关键词关键要点模板字符串的应用场景

1.模板字符串允许将字符串中的变量名用花括号括起来，然后使用反引号来定义字符串，这种写法可以让字符串的可读性和可维护性更高。

2.模板字符串可以用来格式化字符串，通过在花括号中使用表达式，可以使用户动态地生成字符串。

3.模板字符串还可以用来创建多行字符串，通过在反引号中使用换行符，可以很容易地创建多行字符串。

模板字符串与其他字符串拼接方式的比较

1.模板字符串与其他字符串拼接方式相比，具有更高的可读性和可维护性。

2.模板字符串可以使用表达式来动态地生成字符串，而其他字符串拼接方式则不能。

3.模板字符串可以用来创建多行字符串，而其他字符串拼接方式则需要使用转义字符来实现。

模板字符串的局限性

1.模板字符串只在ES6及更高版本中可用，在较旧版本的JavaScript中可能无法使用。

2.模板字符串在某些情况下可能导致性能问题，例如，如果在字符串中使用了复杂的表达式，则可能会导致字符串解析速度较慢。

3.模板字符串在某些情况下可能导致安全问题，例如，如果模板字符串中包含用户输入的数据，则可能导致XSS攻击。

模板字符串在前端开发中的应用

1.模板字符串可以用来动态地生成HTML代码，这使得前端开发更加灵活和方便。

2.模板字符串可以用来创建多语言网站，通过在模板字符串中使用变量来存储不同语言的文本，可以很容易地切换网站的语言。

3.模板字符串可以用来创建单页面应用程序，通过在模板字符串中使用数据绑定，可以很容易地更新应用程序中的数据。

模板字符串在后端开发中的应用

1.模板字符串可以用来动态地生成SQL查询语句，这使得后端开发更加灵活和方便。

2.模板字符串可以用来创建多语言API，通过在模板字符串中使用变量来存储不同语言的文本，可以很容易地切换API的语言。

3.模板字符串可以用来创建模板引擎，通过在模板字符串中使用表达式，可以很容易地生成动态的HTML代码。

模板字符串的未来发展趋势

1.模板字符串可能会在未来的JavaScript版本中得到进一步的增强，例如，可能会支持更多的表达式和语法结构。

2.模板字符串可能会在未来的前端和后端框架中得到更广泛的应用，这将使得开发人员能够更加轻松地创建动态和灵活的应用程序。

3.模板字符串可能会在未来的云计算和人工智能领域得到应用，这将使得开发人员能够更加轻松地创建可扩展和智能的应用程序。模板字符串与创建多行字符串

1.模板字符串（TemplateLiterals）

模板字符串是ES6中引入的新特性，它使用反引号(`)来定义，可以轻松地创建多行字符串和嵌入变量。模板字符串的主要优点是可读性强，它可以使代码更清晰、更易于维护。

语法：

```

```

其中，`stringtemplate`是普通字符串，`expression`是需要嵌入的变量或表达式。

例如：

```

constname='John';

constage=30;

console.log(greeting);//输出："Hello,mynameisJohnandIam30yearsold."

```

2.创建多行字符串

在ES6之前，创建多行字符串需要使用换行符（\n）或连接运算符（+）来连接多个字符串。这会使代码看起来杂乱无章，难以阅读。模板字符串提供了一种更简洁的方式来创建多行字符串。

语法：

```

`

line1

line2

line3

`

```

例如：

```

constpoem=`

Rosesarered,

Violetsareblue,

Sugarissweet,

Andsoareyou.

`;

console.log(poem);

//输出：

//Rosesarered,

//Violetsareblue,

//Sugarissweet,

//Andsoareyou.

```

在模板字符串中，换行符被自动添加，因此不需要使用\n或+来连接字符串。这使得代码更易于阅读和维护。

3.模板字符串的进阶用法

除了基本的用法外，模板字符串还有一些进阶用法，可以使代码更加灵活和强大。

```

constname='John';

constage=30;

console.log(greeting);//输出："Hello,mynameisJohnandIam30yearsold."

```

```

constname='John';

constage=30;

console.log(greeting);//输出："Hello,John!Youare30yearsold."

```

*标签模板字符串：标签模板字符串允许我们在字符串之前添加一个标签函数，标签函数可以对字符串进行处理，然后返回处理后的结果。标签模板字符串的语法如下：

```

```

其中，tag是标签函数，`stringtemplate`是普通字符串，`expression`是需要嵌入的变量或表达式。

例如：

```

returnstrings.map((str,i)=>str+(values[i]?values[i].toUpperCase():'')).join('');

};

constname='John';

constage=30;

console.log(greeting);//输出："HELLO,JOHN!YOUARE30YEARSOLD."

```

标签模板字符串可以用于各种目的，例如格式化字符串、转换字符串、验证字符串等。第三部分非结构化绑定与解构赋值使用关键词关键要点【结构化绑定和解构赋值的使用】：

1.结构化绑定概述：

-结构化绑定是一种语法特性，它允许将对象或数组的元素分解成单独的变量，这提高了代码的可读性和易维护性，常见于函数形参。

2.解构赋值概述：

-解构赋值是一种语法特性，它允许以一种简洁的方式从对象或数组中提取值并将其赋给变量，解构赋值是一个非常有用的语法特性，它可以让我们更轻松地访问对象及其属性或数组中的值。

3.结构化绑定的常见用法：

-函数形参：结构化绑定可用于将函数形参分解成单独的局部变量，优化代码可读性和函数形参的可扩展性，避免对函数形参的非必要赋值。

-函数参数与对象属性同名：如果函数形参与对象属性同名，结构化绑定可以用于自动匹配对应属性的值给形参，提高代码简洁性和可维护性。

【解构赋值的常见用法】：

非结构化绑定与解构赋值使用

非结构化绑定和解构赋值是JavaScript中常用的语法特性，它们可以帮助我们更轻松地从对象和数组中提取数据。

非结构化绑定

非结构化绑定允许我们从对象或数组中提取单个值并将其绑定到变量。使用非结构化绑定，我们可以使用解构赋值运算符`=`来将对象或数组中的值提取到变量中。

例如，以下代码从对象`person`中提取`name`和`age`属性，并将它们绑定到变量`name`和`age`：

```

name:'JohnDoe',

age:30

};

console.log(name);//JohnDoe

console.log(age);//30

```

解构赋值

解构赋值允许我们从对象或数组中提取多个值并将其绑定到变量。使用解构赋值，我们可以使用解构赋值运算符`[]`来将对象或数组中的值提取到变量中。

例如，以下代码从对象`person`中提取`name`、`age`和`occupation`属性，并将它们绑定到变量`name`、`age`和`occupation`：

```

name:'JohnDoe',

age:30,

occupation:'SoftwareEngineer'

};

const[name,age,occupation]=person;

console.log(name);//JohnDoe

console.log(age);//30

console.log(occupation);//SoftwareEngineer

```

解构赋值还可以用于从数组中提取值。例如，以下代码从数组`numbers`中提取第一个和第二个元素，并将它们绑定到变量`first`和`second`：

```

constnumbers=[1,2,3,4,5];

const[first,second]=numbers;

console.log(first);//1

console.log(second);//2

```

非结构化绑定与解构赋值的区别

非结构化绑定和解构赋值的主要区别在于，非结构化绑定只能用于从对象或数组中提取单个值，而解构赋值可以用于从对象或数组中提取多个值。

非结构化绑定和解构赋值的优点

非结构化绑定和解构赋值的主要优点是，它们可以使代码更简洁和易读。此外，它们还可以在某些情况下提高代码的性能。

非结构化绑定和解构赋值的缺点

非结构化绑定和解构赋值的主要缺点是，它们可能使代码更难理解，尤其是在处理复杂的对象或数组时。此外，它们还可能导致代码更难以维护。

非结构化绑定和解构赋值的适用场景

非结构化绑定和解构赋值在以下场景中非常有用：

*当我们从对象或数组中提取单个值时。

*当我们从对象或数组中提取多个值时。

*当我们想要用更简洁的方式来编写代码时。

*当我们想要提高代码的性能时。

非结构化绑定和解构赋值的注意事项

在使用非结构化绑定和解构赋值时，需要注意以下几点：

*确保对象或数组中的值是存在的，否则可能会导致错误。

*确保对象或数组中的值是正确的类型，否则可能会导致错误。

*确保使用正确的解构赋值运算符，否则可能会导致错误。

*确保代码是易于理解和维护的。第四部分类与模块系统解析与比较关键词关键要点【类与模块系统解析与比较】：

1.ES6中引入的类和模块系统使得JavaScript的组织和维护变得更加容易。类允许开发人员创建具有共同特性和行为的对象。模块系统允许开发人员将代码组织成逻辑部分，并按需加载它们。

2.类可以通过构造函数和原型来创建。构造函数用于创建类的实例，原型用于定义类的属性和方法。模块可以通过export和import语句来创建。export语句用于将模块的成员暴露给其他模块，import语句用于将其他模块的成员导入到当前模块。

3.类和模块系统都支持继承。类可以通过extends关键字来继承另一个类，模块可以通过import关键字来继承另一个模块。

【类与模块系统区别与联系】：

#JavaScript语法拓展与新特性探索——类与模块系统解析与比较

类与模块系统解析

类（Class）

概念：类是JavaScript中用于创建对象蓝图的数据类型，它定义了对象的属性和方法。创建类可以使用class关键字，类中可以定义属性、方法和构造函数。

优点：

1.代码组织性强：类可以将相关的数据和行为组织在一起，使代码更易于阅读和维护。

2.代码复用性高：类支持继承和多态性，可以实现代码的复用和扩展。

3.面向对象编程：类支持面向对象编程的思想，可以将现实世界中的问题抽象成类和对象，使代码更易于理解和维护。

模块系统（ModuleSystem）

概念：模块系统是一种将代码组织成独立单元的机制，每个模块都有自己的作用域，可以独立开发和维护。模块系统可以使用import和export关键字来引用和导出模块。

优点：

1.代码组织性强：模块系统可以将代码组织成独立的单元，使代码更易于阅读和维护。

2.代码复用性高：模块系统支持模块之间的引用和复用，可以实现代码的复用和扩展。

3.开发效率高：模块系统可以将代码分成多个独立的单元，方便多人协同开发，提高开发效率。

类与模块系统比较

|特性|类|模块系统|

||||

|目的|创建对象蓝图|组织代码|

|关键字|class|import/export|

|作用域|对象|模块|

|继承性|支持|不支持|

|多态性|支持|不支持|

|代码复用|通过继承和多态性实现|通过引用和复用实现|

|开发效率|一般|高|

总结

类和模块系统都是JavaScript中重要的语法拓展，它们都有自己的优点和适用场景。类主要用于创建对象蓝图，实现面向对象编程的思想；模块系统主要用于组织代码，提高代码的可维护性和复用性。在实际项目中，可以根据需要选择使用类或模块系统。第五部分Generator与async/await实现异步控制关键词关键要点Generator函数

1.Generator函数是一种特殊类型的函数，它可以生成一个迭代器对象，该对象可以通过next()方法来访问生成器函数中的各个值。

2.Generator函数的语法与普通函数相似，但它需要使用yield关键字来生成值，yield关键字会将生成器函数挂起，并返回一个迭代器对象。

3.Generator函数非常适合用于处理需要迭代的数据，因为它可以生成一个惰性迭代器（lazyiterator），惰性迭代器只会在需要时才生成值，这可以节省内存和提高性能。

async函数

1.async函数是一种特殊类型的函数，它可以暂停执行，并等待异步操作完成，然后继续执行。

2.async函数的语法与普通函数相似，但它需要使用async关键字来标记，async函数内部可以使用await关键字来等待异步操作完成。

3.async函数非常适合用于处理异步操作，因为它可以简化异步代码的编写，使异步代码看起来更加像同步代码。#JavaScript语法拓展与新特性探索：Generator与async/await实现异步控制

Generators函数，也被称为生成器（generator），是一种特殊的JavaScript函数，它允许你在函数体中使用`yield`关键字，从而在函数执行过程中暂停和恢复执行。在恢复执行时，函数会从上次暂停的位置继续执行。这意味着你可以编写异步代码，但以一种同步的方式编写，从而使代码更易于阅读和理解。

以下是Generator函数的语法：

```javascript

//...

yieldvalue;

//...

}

```

`yield`关键字在Generator函数中扮演着重要的角色。它不仅可以暂停函数的执行，还可以返回一个值。在恢复执行时，`yield`关键字会返回上一次暂停时返回的值，并从那里继续执行。

Generator函数的用法也很简单，只需创建一个Generator函数，然后使用`next()`方法来执行它。`next()`方法会返回一个对象，其中包含一个`value`属性和一个`done`属性。`value`属性包含函数在暂停时返回的值，`done`属性是一个布尔值，表示函数是否已执行完毕。

```javascript

constgenerator=generatorFunction();

letresult=generator.next();

console.log(result.value);

result=generator.next();

}

```

在上面的代码中，我们首先创建了一个Generator函数`generatorFunction()`。然后，我们使用`next()`方法来执行它。`next()`方法会返回一个对象，其中包含`value`和`done`属性。`value`属性包含函数在暂停时返回的值，`done`属性是一个布尔值，表示函数是否已执行完毕。

我们使用一个循环来不断地执行Generator函数，直到`done`属性为`true`。在循环中，我们会将`value`属性的值打印到控制台上。

Generator函数非常适合处理异步任务，因为它允许你将异步代码写成同步代码。这使得代码更易于阅读和理解，也更容易调试。

async/await

`async/await`是ES2017中引入的另一个新特性，它允许你以一种更简洁的方式编写异步代码。`async`关键字用于声明一个异步函数，`await`关键字用于等待一个异步操作完成。

以下是使用`async/await`编写异步代码的示例：

```javascript

constresult=awaitPromise.resolve('Hello,world!');

console.log(result);

}

asyncFunction();

```

在上面的代码中，我们首先创建了一个异步函数`asyncFunction()`。然后，我们在函数体中使用`await`关键字来等待一个异步操作完成。在上面的示例中，我们等待的是一个Promise，它在解析后会返回一个字符串`Hello,world!`。

`await`关键字只能在异步函数中使用。它会暂停函数的执行，直到异步操作完成。当异步操作完成后，`await`关键字会返回异步操作的结果，并从那里继续执行函数。

`async/await`非常适合处理异步任务，因为它允许你编写更简洁和更容易理解的异步代码。

总结

Generator函数和`async/await`都是JavaScript中处理异步任务的强大工具。Generator函数允许你编写异步代码，但以一种同步的方式编写，从而使代码更易于阅读和理解。`async/await`允许你以一种更简洁的方式编写异步代码，从而使代码更易于阅读和调试。第六部分Proxy与Reflect实现数据操作及监视关键词关键要点Proxy实现数据操作及监视

1.代理对象（target）：Proxy对象所代理的原始对象，它包含要被操作或监视的数据。

2.处理器对象（handler）：一个普通的JavaScript对象，它包含一组拦截方法，用于拦截和修改对代理对象的操作。

3.拦截方法：处理器对象中定义的方法，它们可以拦截或修改对代理对象的各种操作，如读取、写入、属性访问等。

Reflect实现数据操作及监视

1.Reflect对象：一个内置的对象，它提供了一系列与代理对象类似的方法，用于操作和监视原始对象。

2.Reflect方法：Reflect对象中定义的方法，它们允许开发者直接操作原始对象，而无需使用代理对象。

3.Reflect方法与Proxy对象的拦截方法之间的关系：Reflect方法可以被视为Proxy对象的拦截方法的底层实现，开发者可以使用Reflect方法直接操作原始对象，而无需使用代理对象。JavaScript语法拓展与新特性探索——Proxy与Reflect实现数据操作及监视

#Proxy与Reflect简介

Proxy对象是JavaScript中的一种新数据类型，它可以用来提供一个定制的接口来访问另一个对象。Reflect对象则是一组内置函数，可以用来操作Proxy对象和标准JavaScript对象。

#Proxy的使用

Proxy对象可以通过`newProxy()`创建一个新实例，需要两个参数：

-目标对象：Proxy对象将对目标对象进行代理，目标对象可以是任何类型的对象。

-处理程序：处理程序是一个对象，它定义了Proxy对象如何代理目标对象。处理程序是一个键值对对象，键名对应着要代理的方法，键值对应着方法体。

#Proxy处理程序的常用方法

-get()：当访问Proxy对象的某个属性时，会调用get()方法。

-set()：当向Proxy对象设置某个属性时，会调用set()方法。

-apply()：当调用Proxy对象的一个方法时，会调用apply()方法。

-deleteProperty()：当删除Proxy对象的某个属性时，会调用deleteProperty()方法。

#Reflect对象的常用方法

-get()：返回对象属性的值。

-set()：设置对象属性的值。

-apply()：调用函数或构造函数。

-deleteProperty()：删除对象属性。

#Proxy与Reflect实现数据操作及监视

Proxy对象和Reflect对象可以用来实现对数据的操作和监视。

数据操作

可以使用Proxy对象来对数据进行操作，例如：

-修改数据：可以使用Proxy对象的set()方法来修改数据。

-获取数据：可以使用Proxy对象的get()方法来获取数据。

-删除数据：可以使用Proxy对象的deleteProperty()方法来删除数据。

数据监视

可以使用Proxy对象来监视数据的变化，例如：

-监听数据变化：可以使用Proxy对象的get()方法来监听数据变化，当数据变化时，会调用get()方法。

-拦截数据变化：可以使用Proxy对象的set()方法来拦截数据变化，当数据变化时，会调用set()方法，可以阻止数据变化的发生。

#Proxy与Reflect的应用场景

Proxy对象和Reflect对象可以应用于各种场景，例如：

-数据验证：可以使用Proxy对象来验证数据，当数据不合法时，可以使用set()方法来阻止数据设置。

-数据缓存：可以使用Proxy对象来缓存数据，当数据被请求时，可以使用get()方法从缓存中获取数据，而不是从原始数据源中获取数据。

-数据日志：可以使用Proxy对象来记录数据的变化，当数据变化时，可以使用get()方法或set()方法来记录数据变化。

#总结

Proxy对象和Reflect对象是JavaScript中两种新的数据类型，它们可以用来提供一个定制的接口来访问另一个对象。Proxy对象可以用来实现对数据的操作和监视，Reflect对象可以用来操作Proxy对象和标准JavaScript对象。第七部分新特性Set、Map、WeakSet、WeakMap介绍关键词关键要点【Set】

1.Set：Set是一组唯一的元素集合，它不包含重复的元素，并且插入和删除操作都是O(1)的时间复杂度。

2.Set的属性和方法：Set具有如下属性和方法：size,add(),delete(),has(),clear(),values(),forEach(),keys()。

3.Set的使用场景：Set可以用于查找重复元素，找出交集和差集，以及检查元素是否存在集合中。

【Map】

Set、Map、WeakSet、WeakMap概述

Set、Map、WeakSet、WeakMap是JavaScript原生提供的集合对象，分别对应集合、键值对集合、弱集合、键值对弱集合，它们一起构成了JavaScript标准库中集合类的全部成员。

*Set：一个无序且唯一的元素集合，可以添加、删除和检查元素存在性。

*Map：一个键值对集合，可以添加、删除、查询和设置键值对。

*WeakSet：一个弱集合，只存储对其他对象弱引用的集合，当这些对象被垃圾回收时，WeakSet中对应的元素将被自动删除，这意味着WeakSet中的元素不能被枚举或遍历。

*WeakMap：一个弱键值对集合，只能存储键值为对象，当这些键值对象被垃圾回收时，WeakMap中对应的键值对将被自动删除，这意味着WeakMap中的键值对不能被枚举或遍历。

Set

Set对象是一个无序且唯一的元素集合，可以添加、删除和检查元素存在性。Set对象中的元素可以是任何类型，并且不会重复。

#创建Set对象

```js

constset=newSet();

```

#添加元素

```js

set.add(1);

set.add(2);

set.add(3);

```

#移除元素

```js

set.delete(2);

```

#检查元素存在性

```js

set.has(2);//false

```

#遍历Set对象

```js

console.log(element);

}

```

Map

Map对象是一个键值对集合，可以添加、删除、查询和设置键值对。Map对象中的键可以是任何类型，而值可以是任何类型。

#创建Map对象

```js

constmap=newMap();

```

#添加键值对

```js

map.set('name','John');

map.set('age',30);

```

#获取值

```js

map.get('name');//'John'

```

#删除键值对

```js

map.delete('age');

```

#遍历Map对象

```js

console.log(key,value);

}

```

WeakSet

WeakSet对象是一个弱集合，只存储对其他对象弱引用的集合，当这些对象被垃圾回收时，WeakSet中对应的元素将被自动删除，这意味着WeakSet中的元素不能被枚举或遍历。

#创建WeakSet对象

```js

constweakSet=newWeakSet();

```

#添加元素

```js

weakSet.add(obj);

```

#检查元素存在性

```js

weakSet.has(obj);//trueorfalse

```

WeakMap

WeakMap对象是一个弱键值对集合，只能存储键值为对象，当这些键值对象被垃圾回收时，WeakMap中对应的键值对将被自动删除，这意味着WeakMap中的键值对不能被枚举或遍历。

#创建WeakMap对象

```js

constweakMap=newWeakMap();

```

#添加键值对

```js

weakMap.set(obj,'value');

```

#获取值

```js

weakMap.get(obj);//'value'orundefined

```

#删除键值对

```js

weakMap.delete(obj);

```第八部分Symbol类型简介及实际应用关键词关键要点【Symbol类型简介】：

1.Symbol是ES6中引入的新数据类型，表示唯一的标识符，它不能与其他数据类型进行比较。

2.Symbol类型的值是一个字符串，可以通过Symbol()函数或Symbol.for()方法创建。

3.Symbol类型的值可以作为对象的属性名，以确保属性名的唯一性。

【Symbol的应用】：

Symbol类型简介

JavaScript中的