ES6
文章平均质量分 82
ES6 是 ECMAScript 标准十余年来变动最大的一个版本,为其添加了许多新的语法特性。
焦妮敲代码
仅此一生,竭尽全力
展开
-
this详解以及相关7道面试题
在看面经的时候,发现自己对this的指向依然有些模糊。看了很多this相关文章,打算写一篇文章梳理this相关知识,并用一些常见的面试题加强理解,供复习巩固使用。原创 2022-03-25 16:29:23 · 405 阅读 · 1 评论 -
面试题:ES6新增了两种引用数据类型Set和Map,是为了解决哪些问题?weakSet 和 weakMap 与 Set 和 Map的区别?
回答这个问题前,我们要先了解Set和Map的特点,结合它的特点去回答这个问题。如果发现文章有错误或歧义的地方,希望各位大佬指出,避免误导更多人!!原创 2022-03-21 21:19:59 · 581 阅读 · 0 评论 -
async函数 与 await命令
async 与 await1. async 函数2. await 命令1. async 函数async 函数返回的是Promise对象。Promise对象的结果由async函数执行的返回值决定。(1)如果返回的是字符串、数字、null、undefined、或 没有返回值等,得到的是状态为Fulfilled的promise对象。async function fn(){ return 'hello';}console.log(fn());(2)若函数内部抛出错误会导致返回的 Pr原创 2022-03-06 23:24:56 · 581 阅读 · 0 评论 -
9000字教你弄懂Promise对象(详细、新手入门级)——涵盖方法then、catch、resolve、reject、all、race、finally
在本篇文章中你可以了解Promise出现的背景,理解回调地狱是什么。9000字包含多个代码片段,用于理解Promise对象的多个方法:then、catch、resolve、reject、all、race、finally。原创 2022-03-03 10:49:41 · 1230 阅读 · 1 评论 -
ES6模块化简单使用——import关键字、export关键字
ES6模块化1. 介绍2. 默认导出与默认导入默认导出默认导入3. 按需导出与按需导入按需导出按需导入4. 直接导入并执行模块中的代码1. 介绍1.在ES6模块化规范诞生之前,JavaScript社区已经尝试并提出了AMD、CMD、CommonJS等模块化规范。但是,这些社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准。AMD和CMD适用于浏览器端的JavaScript模块化CommonJS适用于服务器端的JavaScipt模块化例如在node.js遵循原创 2022-02-26 20:59:53 · 1396 阅读 · 1 评论 -
异步解决方案——Generator 函数(了解异步编程,Generator 执行机制、next传参)
异步解决方案——Generator 函数(了解异步编程,Generator 执行机制、next传参)原创 2022-02-23 17:19:34 · 877 阅读 · 0 评论 -
ES6 对象——扩展运算符、对象新方法
ES6 对象1. 对象字面量2. 对象的拓展运算符基本用法合并两个对象注意点3. 对象的新方法Object.assign(target, source_1, ···)Object.is(value1, value2)1. 对象字面量1.ES6允许对象的属性直接写变量,这时候属性名是变量名,属性值是变量值。const age = 12;const name = "Amy";const person = {name,age};console.log(person);//等同于const ps原创 2022-02-23 09:56:04 · 2447 阅读 · 0 评论 -
ES6 字符串——扩展方法、模板字符串
ES6 字符串1. 扩展方法子串的识别字符串重复字符串补全2. 模板字符串多行字符串插入变量和表达式1. 扩展方法子串的识别ES6 之前判断字符串是否包含子串用 indexOf方法,ES6 新增了子串的识别方法。includes():返回布尔值,判断是否找到参数字符串。startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。以上三个方法都可以接受两个参数(需要搜索的字符串,可选的搜索起始位置索引)。l原创 2022-02-22 15:41:47 · 505 阅读 · 0 评论 -
ES6 函数——函数参数的扩展、箭头函数
ES6 函数1. 函数2. 箭头函数1. 函数1.只有在未传递参数,或者参数为 undefined 时,才会使用默认参数。null和空字符串被认为是有效的值传递。<script> function fn(name, age = 17) { console.log(name + "," + age); } fn("woody"); // woody,17 fn("Smith", undefined) // Smith,17 fn("jo原创 2022-02-22 14:11:26 · 343 阅读 · 0 评论 -
ES6——Symbol
Symbol1. 什么是Symbol2. 用法1. 什么是SymbolES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。2. 用法(1)Symbol 函数栈不能用 new 命令,因为 Symbol 是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的 Symbol 提供描述。 let sy = Symbol("KK"); console.log(sy); // Symbol(KK) console.log(typeof原创 2022-02-21 17:10:29 · 165 阅读 · 0 评论 -
ES6—— 解构赋值(数组模型的解构、对象模型的解构)
ES6—— 解构赋值1. 什么是解构赋值2. 解构模型数组模型的解构(Array)示例一:基本示例二:可嵌套示例三:可忽略示例四:不完全解构示例五:剩余运算符示例六:字符串等示例七:解构默认值对象模型的解构(Object)示例一:基本示例二:可嵌套可忽略示例三:不完全解构示例四:剩余运算符示例五:解构默认值1. 什么是解构赋值解构赋值是对赋值运算符的扩展。解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。在解构中,有下面两部分参与:原创 2022-02-21 12:29:14 · 853 阅读 · 0 评论 -
ES6——关键字let 与 const
ES6——关键字let 与 const1. let2. const3. 暂时性死区4. const 和 let 的同异1. let(1) let声明的变量只在 let 命令所在的代码块内有效。var a = 1; if (a === 1) { let b = 1; var c = 2; } console.log(c); console.log(b);结果:(2) let不能重复声明,只能声明一次,但是 var 可以声明多次:let a = 1;let a =原创 2022-02-21 09:23:47 · 661 阅读 · 0 评论