📝 ES6教程
85篇技术文档📅  最后修改于: 2021-01-01 03:57:32        🧑  作者: Mango
立即调用函数表达式(IIFE)这是一个JavaScript函数,它会在定义后立即运行。可以使用IIFE(立即调用函数表达式)来避免从块内部进行变量提升。它允许公众访问方法,同时保留函数定义的变量的私密性。IIFE是一种设计模式,也称为自执行匿名功能。它包含两个主要部分:第一部分是具有词法范围的匿名函数,该函数包含在Grouping运算符()中。第二部分创建IIFE,JavaScript引擎将通过该...
📅  最后修改于: 2021-01-01 03:58:32        🧑  作者: Mango
ES6阵列JavaScript中的数组是一个对象,用于表示相似类型的元素的集合。它使您可以在一个变量名中存储多个值或一组值。数组用于按时间顺序存储值的集合。数组是同类元素的集合,或者我们可以说数组是相同数据类型的值的集合。我们可以存储任何有效值,例如对象,数字,字符串,函数以及其他数组,这使得创建复杂的数据结构(如数组数组或对象数组)成为可能。句法有两种声明数组的方法。array参数包含整数和字符...
📅  最后修改于: 2021-01-01 03:59:46        🧑  作者: Mango
ES6数组方法ES6中引入了一些新的数组方法,例如Array.of(),Array.from()等。ES6中引入的数组方法列表如下。S.no.MethodsDescriptionJavaScript Version1.Array.from()It converts array-like values and iterable values into arrays.ECMAScript 62.Arr...
📅  最后修改于: 2021-01-01 04:00:43        🧑  作者: Mango
ES6阵列解构重构意味着将复杂的结构分解为更简单的部分。使用解构语法,您可以从对象和数组中提取较小的片段。它可用于变量的赋值和声明。解构是从存储在数组或对象中的数据中提取多个值的有效方法。解构数组时,我们在分配中使用它们的位置(或索引)。让我们尝试通过使用一些插图来理解数组的解构:例在上面的示例中,解构分配的左侧用于定义从源变量解包所需的值。输出量让我们再举一个数组解构的例子。例输出量例如果要从给...
📅  最后修改于: 2021-01-01 04:01:42        🧑  作者: Mango
ES6地图ES6是JavaScript中添加的一系列新功能。在ES6之前,当我们需要键和值的映射时,我们经常使用一个对象。这是因为对象允许我们将键映射到任何类型的值。ES6为我们提供了一个新的集合类型,称为Map,其中包含键-值对,其中任何类型的值都可以用作键或值。 Map对象始终记住键的实际插入顺序。 Map对象中的键和值可以是原语或对象。它返回新的或空的Map。地图是有序的,因此它们按其插入顺...
📅  最后修改于: 2021-01-01 04:02:48        🧑  作者: Mango
ES6套装集合是一种数据结构,可让您创建唯一值的集合。集是处理单个对象或单个值的集合。Set是类似于数组的值的集合,但不包含任何重复项。它允许我们存储唯一值。它支持原始值和对象引用。与映射相似,集合也被排序,即集合中的元素按其插入顺序进行迭代。它返回设置的对象。句法让我们通过使用以下示例来理解集合的概念:例集合的所有元素必须唯一。因此,以上示例中的设置颜色仅包含四个不同的元素。成功执行以上代码后,...
📅  最后修改于: 2021-01-01 04:03:50        🧑  作者: Mango
ES6对象对象是键/值对的集合,可以像哈希图或字典一样在对象的整个生命周期中对其进行修改。对象使我们可以在JavaScript中定义自定义数据类型。与原始数据类型不同,我们可以使用对象表示复杂或多个值。这些值可以是对象数组或标量值,也可以是函数。对象内部的数据是无序的,值可以是任何类型。可以使用大括号{…}和可选的属性列表来创建对象。该属性是“键:值”对,其中键是字符串或属性名称,值可以是任何值。...
📅  最后修改于: 2021-01-01 04:04:49        🧑  作者: Mango
对象解构它类似于数组解构,除了可以从对象中提取属性(或键)及其对应的值,而不是从数组中提取值。销毁对象时,我们使用键作为变量的名称。变量名称必须与对象的属性(或键)名称匹配。如果不匹配,则它将收到未定义的值。这就是JavaScript知道我们要分配对象的哪个属性的方式。在对象解构中,通过键而不是位置(或索引)提取值。首先,尝试使用以下示例了解对象分解中的基本分配。示例-简单分配输出量让我们了解基本...
📅  最后修改于: 2021-01-01 04:05:52        🧑  作者: Mango
ES6类类是面向对象编程(OOP)的重要组成部分。类用于定义实际对象建模的蓝图,并将代码组织为可重用和逻辑部分。在ES6之前,很难用JavaScript创建一个类。但是在ES6中,我们可以使用class关键字创建类。我们可以通过类表达式或使用类声明在代码中包含类。类定义只能包含构造函数和函数。这些组件一起称为类的数据成员。这些类包含将内存分配给类对象的构造函数。类包含负责对对象执行操作的函数。注意...
📅  最后修改于: 2021-01-01 04:06:54        🧑  作者: Mango
ES6琴弦JavaScript字符串是一个代表字符序列的对象。通常,字符串用于保存基于文本的值,例如人名或产品说明。在JavaScript中,单引号或双引号内的任何文本均视为字符串。有两种方法可以在JavaScript中创建字符串:通过使用字符串字面量通过使用字符串对象(使用new关键字)让我们详细说明在JavaScript中创建字符串的两种方法。通过使用字符串字面量可以使用双引号或单引号创建字符...
📅  最后修改于: 2021-01-01 04:07:52        🧑  作者: Mango
ES6模板字面量模板字面量是ECMAScript 2015 / ES6中引入的新功能。它提供了创建多行字符串和执行字符串插值的简便方法。模板字面量是字符串字面量,并允许嵌入表达式。在ES6之前,模板字面量被称为模板字符串。与字符串的引号不同,模板字面量由反引号(`)字符(QWERTY键盘中ESC键下方的键)括起来。模板字面量可以包含占位符,由美元符号和大括号($(expression})表示。在反...
📅  最后修改于: 2021-01-01 04:09:02        🧑  作者: Mango
ES6活动HTML的交互是通过浏览器或用户操纵页面时发生的事件来处理的。事件是软件识别的事件或动作。系统或用户可以触发它们。可以将事件声明为DOM(文档对象模型)级别3的一部分。事件发生在网页上进行某种类型的交互时。每个HTML元素都包含可以触发JavaScript代码的事件集合。事件的一些常见示例包括单击按钮,单击超链接,加载网页等。事件处理程序要对事件做出反应,您可以分配一个处理程序(一个在事...
📅  最后修改于: 2021-01-01 04:10:03        🧑  作者: Mango
ES6 Cookiescookie可以定义为浏览器存储在用户计算机中的一小段文本。 Cookies是客户端存储的一种旧机制,被设计用于ASP, php等服务器端脚本语言。主要是,cookie用于跟踪诸如用户首选项之类的信息,这些信息可以在用户重新访问网站时检索以个性化页面。 Cookie也可以由JavaScript直接创建,修改和访问,但是这样做的过程有些复杂。为什么需要Cookies?服务器和W...
📅  最后修改于: 2021-01-01 04:11:00        🧑  作者: Mango
ES6对话框JavaScript支持三种对话框,分别是alert,confirm和提示符。这些对话框可用于执行特定任务,例如发出警报,获取事件或输入的确认以及从用户获取输入。让我们讨论每个对话框。警报对话框用于向用户提供警告消息。它是JavaScript中使用最广泛的对话框之一。它只有一个“确定”按钮以继续并选择下一个任务。我们可以通过一个示例来理解它,例如假设必须填写一个文本字段,但是用户没有为...
📅  最后修改于: 2021-01-01 04:11:54        🧑  作者: Mango
ES6页面重定向重定向不过是一种将搜索引擎和用户发送到与原始URL不同的URL的机制。重定向的页面可以在同一服务器上,也可以在其他服务器上。它也可以在同一网站或不同网站上。通过使用ECMAScript 2015或ES6,可以重定向到未请求的其他页面。有几种用于执行页面重定向的方法,例如location.href,location.replace()等。让我们尝试了解JavaScript中用于页面重...