
ES6
Always--Learning
选择远远大于努力
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用拓展运算符拷贝对象,只能拷贝一层,属于浅拷贝
拓展运算符拷贝对象属于浅拷贝原创 2021-03-22 15:08:28 · 454 阅读 · 0 评论 -
JavaScript中reduce()函数的用法
reduce()方法对数组中的每一个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回的值。原创 2021-03-14 09:04:56 · 259 阅读 · 0 评论 -
ES6—58:globalThis
globalThis始终指向全局变量在浏览器环境下在NodeJs环境下原创 2021-03-10 17:20:45 · 233 阅读 · 0 评论 -
ES6—57:BigInt类型
基础概念大数值运算原创 2021-03-10 17:13:40 · 765 阅读 · 0 评论 -
ES6—56:动态import
注意事项别忘了加export通过querySelector()获取id的时候,别忘了加#动态import返回的是一个promise对象原创 2021-03-10 17:03:52 · 320 阅读 · 0 评论 -
ES6—55:可选链操作符
基础用法原创 2021-03-10 16:44:58 · 718 阅读 · 0 评论 -
ES6—54:私有属性
注意事项私有变量在类中必须先声明。通过外部函数是无法访问到私有变量的,要想访问私有变量必须通过类内部的函数。原创 2021-03-10 13:48:41 · 304 阅读 · 0 评论 -
ES6—53:字符串方法拓展
trimStart与trimEnd方法trimStart()方法用于清除字符串左侧空白,trimEnd()方法用于清除字符串右侧空白。原创 2021-03-10 11:23:03 · 162 阅读 · 0 评论 -
ES6—52:正则拓展
命名捕获分组传统方法新方法通过?<>的方法,相当于给捕获到的正则进行命名。反向断言dotAll模式(关键就是在正则后面加个s)原创 2021-03-09 15:34:23 · 200 阅读 · 0 评论 -
ES6—51:awiat与async结合使用
await要放在async函数中基础用法async和await结合读取文件内容async与await结合发送ajax请求function sendAjax(url) { return new Promise((resolve,reject) => { // 1. 创建对象 const x = new XMLHttpRequest(); // 2. 初始化 x.open('GET',url); // 3.原创 2021-03-09 09:48:43 · 246 阅读 · 0 评论 -
ES6—50:async函数
1:return的只要不是promise对象,那么返回的则是成功的promise对象2:抛出错误,返回的是失败的promise3:返回的是一个promise对象,该对象若是成功的promise,返回的则是成功的,反之则是失败的。...原创 2021-03-08 21:39:31 · 200 阅读 · 0 评论 -
ES6—49:模块化
导入模块(分别暴露)导入模块(选择暴露)导入模块(默认暴露)这里为什么要加this,因为不加this访问的是全局作用域下的name2所以会报错,加了访问的是对象内部的name2所以不会报错。解构赋值形式导入通过入口文件引入...原创 2021-03-08 17:29:57 · 229 阅读 · 0 评论 -
ES6—48:ES6的对象方法拓展
判断两个值是否完全相等(Object.is)对象的合并设置对象的原型对象原创 2021-03-07 14:53:18 · 174 阅读 · 0 评论 -
ES6—47:ES6中的数值拓展
JavaScript中能表示的最小的数只要两个数的差值小于这个数字,我们就认为这两个数是相等的。二进制、八进制、十六进制检测一个数值是否为有限数检测一个数值是否为NaN字符串转整数判断一个数字是否为整数将数字的小数部分抹掉判断一个数是正数、负数还是0...原创 2021-03-07 14:36:01 · 228 阅读 · 0 评论 -
ES6—46:class中getter和setter的设置方法
测试代码实现效果原创 2021-03-07 14:08:21 · 611 阅读 · 0 评论 -
ES6—45:子类对父类方法的重写
代码示例class Father { constructor(name,price) { this.name = name; this.price = price; }; call() { console.log("手机可以打电话!"); };};class Son extends Father { constructor(name,price,color,size) { super(name,p原创 2021-03-07 13:56:50 · 1091 阅读 · 0 评论 -
ES6—44:Map数据结构
关于Map数据结构的增删改查原创 2021-03-07 09:20:35 · 211 阅读 · 0 评论 -
ES6—43:Promise
基本使用Promise封装读取文件Promise封装AJAX请求const p = new Promise((resolve,reject) => { // 1. 创建对象 const xhr = new XMLHttpRequest(); // 2. 初始化 xhr.open("GET","https://api.apiopen.top/getJoke"); // 3. 发送 xhr.send(); // 4. 绑定事件,处理响应结原创 2021-03-05 10:52:36 · 377 阅读 · 1 评论 -
ES6—42:生成器
生成器函数的函数声明与调用生成器函数的参数传递生成器函数实例// 1s后控制台输出111 2s后控制台输出222 3s后控制台输出333function one() { setTimeout(() => { console.log(111); iterator.next(); },1000);}function two() { setTimeout(() => { console.log(222);原创 2021-03-04 15:34:59 · 227 阅读 · 1 评论 -
ES6—41:迭代器
使用for of 进行遍历注意:for of 遍历的是键的值使用for in遍历注意:for in 遍历的是键,即序号。数组为什么能够进行遍历?答:是因为其有可遍历的属性。自定义遍历属性const banji = { name: "终极一班", arr: ["赵","钱","孙","李"], [Symbol.iterator]() { let index = 0; let _this = this; retu原创 2021-03-04 14:31:51 · 150 阅读 · 1 评论 -
[译] JavaScript 中为什么会有 Symbol 类型?
声明本文转载自:掘金-熊咆龙吟背景JavaScript中有两种数据类型:基本数据类型和对象(对象也包括函数),基本数据类型包括简单数据类型,比如Number(从整数到浮点数,从Infinity到NaN都属于Number类型)、Boolean、String、undefined、null(注意尽管typeof null === object,null仍然是一个基本数据类型)。基本数据类型的值是不可以改变的,即不能更改变量的原始值,当然可以重新对变量进行赋值。例如,代码:let x = 1;x++;转载 2021-03-02 16:49:59 · 267 阅读 · 0 评论 -
ES6—40:Symbol的用法
Symbol的值是唯一的。创建SymbolSymbol不能与其他数据进行运算Symbol的使用场景有时候一个对象里有很多属性可能很相似,以至于我们不知道找那个属性,Symbol可以让他们变为唯一。假如对象中有重复属性,只显示一个(这是不符合逻辑的)Symbol内置属性自己控制instance检测...原创 2021-03-02 15:43:15 · 229 阅读 · 2 评论 -
ES6—39:set数据结构
基础用法类似于数组,但是成员的值都是唯一的。没有重复的值。利用set数据结构做数组去重set的默认方法遍历set数据结构原创 2021-03-01 14:52:18 · 159 阅读 · 0 评论 -
ES6—38:String的拓展方法
startsWith()和endsWith()方法判断字符串是否在原字符串的头部或尾部。repeat()方法:表示将原字符串重复n次原创 2021-03-01 10:57:36 · 200 阅读 · 0 评论 -
ES6—37:模板字符串
基础用法模板字符串可以换行模板字符串支持调用函数原创 2021-03-01 09:35:59 · 159 阅读 · 0 评论 -
ES6—36:Array拓展方法
Array.form():将伪数组转换为真正的数组数组.find()方法findIndex() 方法:找出数组中符合条件的第一个元素的位置数组.includes()方法:表示某个数组是否包含给定的值原创 2021-03-01 09:20:13 · 169 阅读 · 0 评论 -
ES6—35:拓展运算符
基础用法拓展运算符用于合并数组将伪数组转换为真正的数组原创 2021-02-28 20:59:23 · 196 阅读 · 0 评论 -
ES6—34:剩余参数
剩余参数基础剩余参数与解构配合使用原创 2021-02-28 20:28:53 · 156 阅读 · 0 评论 -
ES6—33:解构赋值
数组解构赋值和对象解构赋值原创 2021-02-28 16:31:16 · 174 阅读 · 0 评论 -
ES6—32:浅拷贝和深拷贝
浅拷贝只是拷贝一层,更深层次对象级别的只是拷贝引用。深拷贝拷贝多层,每一级别的数据都会拷贝。浅拷贝浅拷贝在拷贝对象的时候,只会拷贝引用。ES6提供的浅拷贝方法深拷贝(原生JS)<script> var obj = { id: 1, name: 'andy', age: { pink: 666 } }; .原创 2021-02-26 21:52:26 · 247 阅读 · 0 评论 -
ES6—31:递归基础
递归的定义函数的内部,可以调用其本身的函数。利用递归求阶乘利用递归求斐波那契数列使用递归遍历数据<script>// 利用递归遍历数据,要求输入id号,返回对象值var data = [{ id: 1, name: '家电', goods: [{ id: 11, gname: '冰箱' }, { id: 12, gname: '洗衣机' }]}, { id: 2原创 2021-02-26 16:43:21 · 255 阅读 · 0 评论 -
ES6—30:一文搞懂闭包
什么是闭包?闭包是一种有权访问另一个函数作用域中变量的函数。闭包的主要作用答:延伸了变量的作用范围。基础实例原创 2021-02-26 10:05:47 · 456 阅读 · 0 评论 -
ES6—29:高阶函数
高阶函数的概念参数是一个函数。返回值是一个函数。注意高阶函数的调用方式callback&&callback()形参是callback原创 2021-02-22 21:20:50 · 297 阅读 · 0 评论 -
ES6—28:严格模式
什么是严格模式?如何开启严格模式?脚本开启严格模式函数开启严格模式严格模式下哪些不能用?未定义变量,不能直接赋值。(非严格模式下可以)不能在严格模式下随意删除已经定义好的变量在严格模式下,全局函数中的this指向的不再是window,而是undefined严格模式下,函数参数不允许重名。...原创 2021-02-22 11:24:32 · 196 阅读 · 0 评论 -
ES6—27:call_apply_bind方法总结
总结原创 2021-02-21 20:31:18 · 252 阅读 · 0 评论 -
ES6—26:bind方法应用
应用实例点击按钮,指定时间后状态从不可用到可用原创 2021-02-21 20:17:13 · 272 阅读 · 0 评论 -
ES6—25:函数内部this指向的三种方法
1:call()方法2:apply()方法apply方法的第二个参数是一个数组使用apply可以求最大值和最小值3:bind()方法bind不会调用函数。调用bind函数后返回的是一个新函数,这个新函数的this是我们指定的。...原创 2021-02-21 17:38:51 · 351 阅读 · 0 评论 -
ES6—24:函数内部的this指向
六种方式原创 2021-02-21 15:53:18 · 213 阅读 · 0 评论 -
ES6—24:函数的调用方式
1:普通函数2:对象方法3:构造函数4:绑定事件函数5:定时器函数6:立即执行函数原创 2021-02-21 13:18:59 · 711 阅读 · 0 评论 -
ES6—23:函数的定义方式
方式1:使用function关键字方式2:匿名函数方式3:new Function()原创 2021-02-20 17:16:33 · 593 阅读 · 0 评论