ES6 新特性（2）十、Symbol 数据类型十一、迭代器十二、生成器十三、Promise十四、set十五、Map十六、Class十七、数值扩展十八、对象方法扩展十九、模块化 前接 ES6 新特性（1） 十、Symbol 数据类型ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。它是 Javascript 的第七种数据类型，是一种类似于字符串的数据类型。特点：Symbol 的值
一直以来, JS只能使用数组和对象来保存多个数据, 缺乏像其他语言那样拥有丰富的集合类型, 因此, ES6新增了两种新的集合类型（ Set和Map ）, 用于在不同的场景中发挥作用目录:Set
Set集合的创建对Set集合的后续操作Set的最佳实践【 扩展 】手写SetMap
Map集合的创建对Map集合进行后续操作【 扩展 】手写Map【 扩展 】WeakMap & Weak
一.ECMAScript6，即 ES6，是 ECMAScript 的第六次修订，于 2015年完成，也称 ES2015;ES6 是继 ES5 之后的一次改进，相对于 ES5 更加简洁，提高了开发效率.二.ES6新增的方法:1.新增声明命令 :let 和 const 在 ES6 中通常用 let 和 const 来声明，let 表示变量、const 表示常量.特点:let 和 const 都是块级作
转载
2024-09-03 11:42:50
3235阅读
一、如何隐藏所有指定的元素const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));
// 事例: 隐藏页面上所有`<p>`元素
hide(document.querySelectorALL('p'))二、如何检查元素是否具有指定的类？页面DOM里面的每个节点上都有一个 对象，程
ES6的Set结构用法总结 一.关于Set结构 Set是es6中新推出的一种数据结构 先通过代码来说一下Set的特性const set = new Set()
const arr1 = [1, 2, 3, 4, 5, 5]
arr1.forEach(item => set.add(item))
console.log(set) // 1,2,3,4,
ES6新语法### 对象的解构赋值解构赋值 ： 其实就是变量赋值语法的简写形式(解构精髓：当变量名 和 对象属性值一致的时候，只需要写一个)1.取出对象的属性 赋值 给 变量let obj = {
name: '小杜',
age: 22,
sex: '男'
}
let { name,age,sex
转载
2024-06-12 18:36:03
99阅读
前言本文主要从应用来讲数组api的一些骚操作;如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等；上面这些应用场景你可以用一行代码实现？1.扁平化n维数组1.终极篇[1,[2,3]].flat(2) //[1,2,3]
[1,[2,3,[4,5]].flat(3) //[1,2,3,4,5]
[1,[2,3,[4,5]]].to
一、面向对象编程介绍1.2 面向对象的特性：封装性继承性多态性1.1 面向过程和面向对象的对比二、ES6中的类和对象2.1 对象在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的：属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）2.2 类 class类抽象
近年来Javascript得到了飞速的发展，越来越多的新特性、新语法和新功能的出现，它能够让你的代码更现代化，更易读，它允许我们以更少的代码来完成更多的功能。ES6向我们介绍了许多强大的功能，如箭头函数、模板字符串、Class和模块……等等，虽然功能很强大，但是也需要学习成本，如果从头开始学无疑会浪费很多时间，本篇介绍了在开发中常用的新特性，一起看看吧 const和letconst是E
转载
2024-07-03 10:59:39
48阅读
一、参考资料ES6 | Guns快速开发平台
原创
2022-07-28 06:09:58
4428阅读
replaceAll()
replaceAll()可以一次性直接替换所有匹配的内容语法 注意事项 如果searchValue是一个不带有g修饰符的正则表达式，replaceAll( )会报错，与repluce()不同类数组对象的属性名必须为数值型或字符串型的数字，要将一个类数组对象转换为一个真正的数组，必须具备以下条件：
1、该类数组对象必须具有length属性，用于
转载
2024-04-24 10:02:23
190阅读
一、Es61.1、ES6的概述ECMAScript的快速发展： 编程语言JavaScript是ECMAScript的实现和扩展 。ECMAScript是由ECMA（一个类似W3C的标准组织）参与进行标准化的语法规范。ECMAScript定义了：[语言语法] – 语法解析规则、关键字、语句、声明、运算符等。[类型]– 布尔型、数字、字符串、对象等。[原型和继承]内建对象和函数的[标准库] – [JS
转载
2024-04-01 11:43:55
76阅读
A JavaScript Proxy allows you to intercept operations performed on objects, arrays, or functions like property lookup, assignment, invocation, propert
转载
2017-01-11 21:48:00
392阅读
2评论
原创
2021-07-15 16:04:56
383阅读
一、为什么使用Iterator 我们知道，在ES6中新增了很多的特性，包括Map，Set等新的数据结构，算上数组和对象已经有四种数据集合了，就像数组可以使用forEach，对象可以使用for...in.. 进行遍历一样，是不是随着Map和Set的出现也应该给这两种集合一个遍历方法呢？如果这样的话js的方法对象就太多了，既然这四种集合都是需要遍历的
转载
2024-04-12 14:26:55
98阅读
1、结合扩展运算符使用。通过扩展运算符，在调用函数的时候，把一个数组展开，然后作为这个函数的参数//结合扩展运算符使用
function foo(a,b,c){
console.log(a); //1
console.log(b); //3
console.log(c);
转载
2024-04-29 23:16:43
94阅读
字符串的扩展字符的 Unicode 表示法codePointAt()
String.fromCodePoint())字符串的遍历器接口normalize()includes(), startsWith(), endsWith()repeat()padStart()，padEnd()
matchAll())ES6 加强了对 Unicode 的支持，并且扩展了字符串对象。1.字符的 Unicode 表
转载
2024-05-29 16:48:22
95阅读
虽然现在很多浏览器已经支持ES6，但是还是有一些浏览器不兼容，所以我们在使用ES6语法时，还是要搭建一下环境。一 搭建ES6开发环境 建立工程目录： 我们首先建立一个工程目录，并且在根目录下建立两个文件夹：src和dist src:书写ES6代码的文件夹
转载
2024-04-01 09:24:38
75阅读
ES6整理1. ES6允许按照一定模式从数组和对象中提取值再对变量赋值，称之为解构。这种新模式会映射出正在解构的数据结构，只有那些与模式匹配的数据才会被提取出来。 注：解构数据与构造数据截然相反，不是构造一个新的对象或数组，而是逐个拆分现有的对象或是数组来提取所需要的数据。2. Map是ES6提供的一种数据字典结构。字典就是用来存储不重复的Hash结构。不同于集合的事字典使用健值对的形式存储数据。
转载
2024-04-18 13:39:42
71阅读
0 ES6基本语法 ES标准中不包含 DOM 和 BOM的定义，只涵盖基本数据类型、关键字、语句、运算符、内建对象、内建函数等通用语法。 本部分只学习前端开发中ES6的必要知识，方便后面项目开发中对代码的理解。 1 let声明变量 与我们的JavaScript中var声明变量有什么区别？ <1>作用 ...
转载
2021-09-08 15:31:00
650阅读
2评论
