ESx
关注
分享
扫一扫
yrfjygb
这个作者很懒，什么都没留下…
展开
-
ES11-扩展
1.私有属性 #xxxclass Person { name; #age; #weight constructor(name,age,weight){ this.name = name this.#age = age this.#weight = weight } intro(){ console.log(this.name); console.log(this.#age); conso原创 2021-04-03 19:46:33 · 155 阅读 · 0 评论 -
ES10-扩展
1. 对象扩展方法Object.fromEntries()1.1 传入二维数组 将数组转换成对象 // 1.传入二维数组 将数组转换成对象 const rs = Object.fromEntries([ ['name','zs'] ]); console.log(rs);1.2 传入map // 2，传入map const map = new Map(); map.set("name",'ls')原创 2021-04-02 17:18:16 · 77 阅读 · 0 评论 -
ES8新增的特性和扩展知识
1.获取对象的键const school = { name: 'xxx', citys: ['北京','上海','广州'] } // 获取对象的键 console.log(Object.keys(school))2.获取对象的值const school = { name: 'xxx', citys: ['北京','上海','广州'] } // 获取对象的键 console.log(Ob原创 2021-03-31 15:02:15 · 102 阅读 · 0 评论 -
ES7的新特性
1.includes 表示是否存在某个值，true表示存在，false表示不存在1.1代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&原创 2021-03-30 19:01:35 · 284 阅读 · 0 评论 -
ES6-import的用法
1.通用的导入方式1.1 a.js文件let school = 'xxx'function change(){ console.log('改变') }export { school, change}1.2 index.html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v原创 2021-03-30 15:31:17 · 424 阅读 · 0 评论 -
ES6-export用法
1.默认暴露（export default）1.1 a.js文件export default { school: 'xxx', change:function(){ console.log('改变') }}1.2 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie原创 2021-03-30 15:23:18 · 201 阅读 · 0 评论 -
ES6-集合实战
1.数组去重 let arr = [1,2,3,4,5,6,3,2,1,5,7] // 1, 数组去重 let rs = [...new Set(arr)]; console.log(rs);2.交集 let arr = [1,2,3,4,5,6,3,2,1,5,7] // 2.交集 let arr2 = [4,5,6,4,2]; let rs = [...new Set(arr)].filter(item => new Set(arr2).has原创 2021-03-28 08:04:33 · 71 阅读 · 0 评论 -
ES6-set
1.声明一个set // 1. 声明一个set let s = new Set() let s2 = new Set(['11','22','33','44']) console.log(s); console.log(s2);2.元素的个数 //2.元素个数 let s2 = new Set(['11','22','33','44']) console.log(s2.size);3.添加新的元素 // 3. 添加新的元素原创 2021-03-28 07:35:14 · 64 阅读 · 0 评论 -
ES6-生成器的函数实例
实例1解决回调地狱 function one(){ setTimeout(()=>{ console.log('111'); iterator.next() },1000) } function two(){ setTimeout(()=>{ console.log('222'); iterator.ne原创 2021-03-26 17:02:52 · 80 阅读 · 0 评论 -
ES6-生成器的参数的传递
1.全体传入参数 function * gen(args){ console.log(args); yield '111' yield '222' yield '333' } let iterator = gen('AAA') console.log(iterator.next());2. next方法传入参数next('BBB')传入的参数作为上一个next方法的返回值function * g原创 2021-03-26 14:32:05 · 223 阅读 · 0 评论 -
迭代器的应用-自定义遍历数据
1.介绍迭代器(iterator)是一种接口，为各种不同的数据结构提供统一的访问机制,任何数据结构只要部署iterator 接口,就可以完成遍历操作1. ES6创造了一种新的遍历命令for...of循环，iterator接口主要提供for...of消费2. 原生具备iterator接口的数据(可用for of遍历) a Array b Arguments c Set d Map e String f TypeArray g NodeList3原创 2021-03-25 13:21:25 · 105 阅读 · 0 评论 -
Symbol-对象添加Symbol类型的属性
1. 方式1 <script> // 1.方式1： let game = { name: 'xxx', up:function(){ console.log('up'); }, down: function(){ console.log('down'); } } let原创 2021-03-25 11:52:51 · 651 阅读 · 0 评论 -
ES6-symbol的创建
1.创建Symbollet s = Symbol();let s2 = Symbol('尚硅谷');let s3 = Symbol('尚硅谷');console.log(s2 === s3) // false2.Symbol.for创建let s4 = Symbol.for('尚硅谷')let s5 = Symbol.for('尚硅谷')console.log(s4 === s5) // true3. 不能与其他数据进行运算let s = Symbol();let result =原创 2021-03-25 11:33:08 · 145 阅读 · 0 评论 -
ES6-箭头函数以及声明特点
1.this是静态的，this始终指向函数声明所在作用域下的this<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><body&原创 2021-03-20 18:10:41 · 114 阅读 · 0 评论