mantou_riji的博客

这在服务器端环境中非常有用，因为模块文件通常都已经在本地，加载很快，而且一般需要在服务器启动时加载所有必要的模块。defer 属性：这也会使得浏览器非阻塞（异步）地下载 JavaScript 文件，但是与 async 不同的是，包含 defer 属性的。标签并不是使用模块化的导入导出方式，可以使用该标签加载执行JS文件，但是其中所有的变量和函数都会在全局作用域中。在module模块加载完成之前是不会执行下面的代码的，所以在模块导入后的所有地方都可以直接使用该模块。多个包含 async 属性的。

文章目录私有属性Promise.allSettledPromise.all字符串扩展可选链操作符?.动态importBigInt大整型绝对全局对象私有属性声明方式：# 属性名私有属性无法是直接通过实例.属性访问到，我们一般通过方法调用进行访问 class Person{ // 共有属性：直接写 name; // 私有属性 #age; #weight;

文章目录Object.fromEntries字符串扩展trimStart与trimEnd数组方法扩展flatflatMapSymbolObject.fromEntriesObject.fromEntries用来创建对象，但是它的参数比较特殊，是二维数组或一个mapeg： // 二维数组 const result1 = Object.fromEntries([ ['name','yang'], ['age','19'],

文章目录Rest 参数与spread 扩展运算符rest参数扩展运算符正则表达式Rest 参数与spread 扩展运算符Rest 参数与spread 扩展运算符在ES6中已经引入，不过 ES6中只针对于数组，在ES9中为对象提供了像数组一样的rest参数和扩展运算符.rest参数格式：...参数名一般放在函数的最后一个参数，接收所有传过来的剩下的实参 function connect ({host,port,...user}){ console.log(ho

文章目录async 和 awaitasync函数async函数的定义格式async返回结果的解析await表达式async和await结合实现异步async和await结合发送ajax请求ES8对象方法扩展Object.values()Object.entries()Object.getOwnPropertyDescriptors()async 和 awaitasync和 await两种语法结合可以让异步代码像同步代码一样async函数async函数的返回值为promise对象promise对象

文章目录ES7新特性Array.prototype.includes指数操作符ES7新特性Array.prototype.includesincludes方法用来检测数组中是否包含某个元素，返回布尔类型值指数操作符在ES7中引入指数运算符**，用来实现幂运算，功能与Math.pow结果相同 const mingzhu =['西游记','红楼梦','三国演义','水浒传'] // 判断 console.log(mingzhu.includes('西游记

文章目录模块化定义模块的好处模块化规范及对应的产品ES6模块化的语法ES6暴露模块export分别暴露统一暴露默认暴露ES6暴露引入模块import通用导入方式解构赋值形式简便形式（只针对默认暴露）模块化引入模块代码在项目中的使用Babel简介Babel使用ES6模块化引入NPM包模块化定义模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。一个小文件就是一个模块模块的好处防止命名冲突代码复用高维护性（可以只对一个小的文件做修改）模块化规范及对应的产品模块化

文章目录Object.isObject.assignObject.setPrototypeof、object.getPrototypeofObject.isObject.is 判断两个值是否完全相等 console.log(Object.is(120,120)) console.log(Object.is(120,12))与 === 的区别： console.log(Object.is(NaN,NaN)) console.log(NaN===

文章目录Number.EPSILON二进制和八进制Number.isFiniteNumber.isNaNNumber.parseInt Number.parseFloatNumber.isIntegerMath.truncMath.signNumber.EPSILONNumber.EPSILON是JavaScript表示的最小精度EPSILON 属性的值接近于2.2204460492503130808472633361816E-16用法：EPSILON 主要用于浮点运算，因为浮点运算总是有误差的，

文章目录SetSet声明集合的属性和方法Set实例MapMap的声明格式Map的属性和方法Classclass定义格式实例化对象class静态成员引入：换到calssSetES6提供了新的数据结构 set(集合)。它类似于数组，但成员的值都是唯一的，集合实现了iterator接口，所以可以使用扩展运算符...和for ...of...进行遍历.Set声明格式：let 集合名 = new Set([集合元素1,集合元2素,...])集合的属性和方法集合本是也是一个对象,他有属性和方法：set.

文章目录Promise简介promise的方法Promise封装读取文件使用promise封装AJAX请求小结：Promise的优点Promise.prototype.then方法Promise.prototype.then方法的返回值then的链式调用Promise简介Promise是ES6引入的异步编程的新解决方案，语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果。promise的方法Promise构造函数: Promise (excutor){}Promis

文章目录迭代器ES6迭代器的使用ES6迭代器的原理迭代器的应用——自定义遍历数据生成器生成器函数声明格式调用格式yield生成器的函数参数生成器的异步编程定时器异步操作异步获取数据迭代器迭代器(lterator)是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口，就可以完成遍历操作。ES6迭代器的使用ES6创造了一种新的遍历命令for...of循环，lterator接口主要供 for...of消费原生具备iterator接口的数据(可用for of遍历)

文章目录SymbolSymbol简介Symbol特点Symbol创建js数据类型小结（7种）symbol的应用Symbol内置值SymbolSymbol简介ES6引入了一种新的原始数据类型 symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，是一种类似于字符串的数据类型。Symbol特点Symbol的值是唯一的，用来解决命名冲突的问题Symbol值不能与其他数据进行运算Symbol定义的对象属性不能使用for…in循环遍历，但是可以使用Reflect.ownKeys

文章目录ES6允许给函数的参数设置初始值形参默认值默认值与解构赋值结合rest参数ES6允许给函数的参数设置初始值形参默认值如果实参传了就用实参的值，如果实参没传就用形参的默认值的值。潜规则：具有默认值的参数，一般位置比较靠后 function add(a=1,b=2,c=3){ return a+b+c } let result = add(4,5) console.log(result)输出：12默认值与

文章目录箭头函数定义箭头函数的使用箭头函数的特性箭头函数的简写箭头函数的实践eg1：点击div 2s后颜色变成『粉色』eg2：从数组中返回偶数的元素箭头函数的适用场景ES6允许使用箭头（=>）定义函数箭头函数定义格式： (参数)=>{ 函数体 }等价于： function (参数){ 函数体 }箭头函数的使用 let fn = (a,b)=>{ return a+b }

文章目录ES介绍为什么学习ES6变量的声明let变量声明声明格式let特性let练习常量声明格式特点变量解构赋值ES介绍ES全称EcmaScript，是脚本语言的规范，而平时经常编写的JavaScript是EcmaScript的一种实现，所以ES新特性其实指的就是JavaScript的新特性。为什么学习ES6ES6的版本变动内容最多，具有里程碑意义ES6加入许多新的语法特性，编程实现更简单、高效ES6是前端发展趋势，就业必备技能ES6的浏览器兼容性查看：http://kangax.gith