- 博客(20)
- 收藏
- 关注
RSS订阅
原创 ES6学习总结目录
本文用来记录自己ES6学习的总结目录，是自己通过在 CODECASTS的ES6视频所学习进行的总结以及自己的一些理解ES6:let&constES6:箭头函数(Arrow Function)ES6:函数参数默认值ES6:字符串模版( `` )ES6:字符串函数 startsWith() endsWith() includes() repeat()ES6:对象解构ES6...
2020-01-24 16:45:11
1537
原创 ES6：Map() 与 WeakMap()
Map() 、 WeakMap() 其实与 Set() 、 WeakSet() 的方法与特性大致相同，这里只是来说一下他们的不同关于Set() 与 WeakSet() ：ES6：Set() 与 WeakSet()新建一个Map()const people = new Map([['Tom', 18], [ 'Jerry', 21], ['Mario', 25]]);可以明显看出来M...
2020-01-24 16:31:32
2636
原创 ES6：Set() 与 WeakSet()
Set() 是ES6新增的一种类似Array的集合类型，它最标志的特性就是所有元素都是唯一的不重复的新建一个Set()const people = new Set(['Tom', 'Jerry', 'Mario']);在控制台上打印可以看到它的属性和可以使用的一些方法：sizeSet计算长度的单位是size而不是lengthadd() 与 delete() 方法从名字上可以明确...
2020-01-24 16:01:31
379
2
原创 ES6：Proxy
Proxy用于重写对象上的默认的方法语法const p = new Proxy(target, handler);target：需要代理的对象handler：一个对象，包含想要重写的操作所有的方法可以在MDN中查询：MDN处理器对象简单例子先定义一个对象：const person = { name: 'Tom', age: 20 };再定义一个Proxy实例来代理这个对象...
2020-01-23 21:25:52
211
原创 ES6：Generator 生成器
关于迭代器的信息，可以查看：ES6：迭代器 Iterator关于生成器，个人的理解就是一个迭代器的函数，你可以控制它每次的return内容，并且可以想迭代器一样使用 next() 方法按步进行，通过这种特性也可以达到实现可以暂停和继续运行的函数书写方式function* peoples() { yield 'Tom'; yield 'Jerry'; yield 'Mario'; ...
2020-01-23 16:53:35
197
原创 ES6：迭代器 Iterator
迭代器是一个统一的接口，也可以叫遍历器它的作用是使各种数据结构可被便捷的访问，它是通过一个键为Symbol.iterator 的方法来实现定义一个数组：const people = ['Tom', 'Jerry', 'Mario', 'Yoshi'];在控制台打印它，会发现它具有这样一个属性：可以进行这样的操作：const people = ['Tom', 'Jerry', 'Ma...
2020-01-23 16:17:51
460
原创 ES6：类 class
ES6引入了class，其跟其它语言的class大致相同，JS中的class本质是function它可以看做是语法糖1.类的声明class name { //...}2.类的定义//匿名类const a = class { //...}//命名类const b = class name { //...}3.实例化class name { //...}c...
2020-01-23 15:19:48
238
原创 ES6: Symbol
Symbol是新增的一种数据类型，它用于生成唯一的标志Symbol实例实例一个Symbol：const Tom = Symbol('Tom');其中括号内写的是对这个变量的描述简单应用比如你在班级里，可能有两个人都叫李狗蛋，用一个对象来记录他们的分数：const students = { '王建国' : { Chinese: 78, English: 65, math: 82 }...
2020-01-17 16:35:11
129
原创 ES6: Promise的AJAX应用(同步、异步理解)
为方便理解，大部分代码由省略号代替JS是单线程的语言，它所处理任务只能一个一个排着队来，而使用AJAX时，如果也要排队做任务，那么处理信息时，之前一个请求没有完成，后面的只能排着队等待，属实影响用户体验，因此设计AJAX时就想到这个问题，所以AJAX并不由JS控制而由浏览器控制，它是异步请求，...
2020-01-16 23:07:32
929
原创 ES6:拓展运算符(...)
es6新增拓展运算符，它主要有两种作用：合并和拆分合并比如我们定义这么一个数组：const player1 = ['Tom', '020123', 15, 23, 18, 43];用这个数组来存储Tom玩家与他的姓名，id和他的分数，我们定义三个变量来获取这三个值：const [name, id, scores] = player1;console.log(name, id, sco...
2020-01-15 17:03:28
175
原创 ES6:数组方法(二) find() findIndex() some() every()
先声明一个测试变量：const peoples = [ {name: 'Tom', age: 20}, {name: 'Jerry', age: 16}, {name: 'Mario', age: 19}, {name: 'Yoshi', age: 23}];1.find()find() 方法可以找到数组中符合条件的元素并返回它：const findMa...
2020-01-15 16:03:16
1502
原创 ES6:数组方法(一) Array.from() Array.of()
Array.form() 将可迭代对象转化为数组以数组和字符串为例，他们的原型( __proto__ )有所不同：其所能使用的方法（仅截取部分）也各不同：而通过 Array.form() 方法，则可以将 可迭代对象 转化为数组，可以使用数组的丰富强大的各种方法了：//以字符串为例const arr=[1,2,3,4,5];const str = '123456';console....
2020-01-15 15:29:18
2270
2
原创 ES6:for of 循环
先定义一个测试用的数组：const peoples = [ 'Tom', 'Jerry', 'Mario', 'Yoshi'];最基本的for循环通过定义一个索引值 i 来循环：for(let i = 0; i < peoples.length; i++) { console.log(peoples[i]); //Tom Jerry Mario Yoshi}数组forEac...
2020-01-15 14:45:09
186
原创 ES6:数组解构
当获取数组元素时，会通过索引获取：const users = ['Tom', 'Jarry', 'Mario'];const user1 = users[0]; //Tomconst user2 = users[1]; //Jarryconst user3 = users[2]; //Marioes6中通过数组解构可以这么改写：const users = ['Tom', 'Jarr...
2020-01-14 22:26:47
458
原创 ES6:对象解构
当从一个对象中获取属性时，会进行这样操作：const p1 = { name: 'Tom Shmith', age: 20, familly: { father: 'Jack Shmith', mother: 'Mary Shmith' }}const name = p1.name;//Tom Shmithconst age = p1.age;//20const fat...
2020-01-14 14:23:42
415
1
原创 ES6:字符串函数 startsWith() endsWith() includes() repeat()
1.startsWith()startsWith() 方法可以检测字符串开头，有两个参数，第一个为匹配的字符串，第二个为起始位置（以0为开始），省略则为0开始：const str = '12345abcdEF!$%';console.log(str.startsWith('123')); //trueconsole.log(str.startsWith('abc', 5)); //tru...
2020-01-14 13:53:26
561
原创 ES6:字符串模版( `` )
在ES6之前，要在字符串中加入变量，需要这么写：var name = 'Tom';console.log('hello ' + name + ',how are you');//hello Tom,how are you而使用字符串模版，可以极大方便的书写：console.log(`hello ${name},how are you`);//hello Tom,how are you...
2020-01-14 13:25:00
219
原创 ES6:函数参数默认值
1. 逻辑或( || )实现默认值在es6之前，逻辑或可以做到函数的参数设置默认值：function showName(name) { var n = name || 'Tom'; console.log(n);}showName();//Tom逻辑或具有一个隐藏的特性，它能够找到第一个真值表达式（即不为false）并返回它var name = null || 'Tom' || ...
2020-01-13 17:20:22
3820
原创 ES6:箭头函数(Arrow Function)
1.语法通常书写匿名函数是这样的：function (){ //...}改写为箭头函数：() => { //...}带参数的改写：//单个参数(x) => { //...}//单个参数可省略()x => { //...}//多个参数(x, y, z) => { //...}总结起来就是：function去掉，()后加=&g...
2020-01-11 16:20:21
371
原创 ES6:let&const
与var对应，ES6新增两种声明变量的关键字let和const，本篇用来记录其特性1.块级作用域var声明的变量作用域为函数作用域，如下所示：function getNum(){ var num = 10; console.log(num);//10}getNum();console.log(num);//referenceErrorlet和const声明的变量作用域为块级作...
2020-01-11 14:08:14
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人