ES6学习笔记
关注
分享
扫一扫
文章平均质量分 63
doublewe
这个作者很懒，什么都没留下…
展开
-
ES6学习笔记09-map和reduce
前言：map()：数组实例的方法，接收一个数组，将数组中的所有元素处理后返回新的数组。reduce()：1.map()方法代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...原创 2020-01-13 17:17:59 · 172 阅读 · 0 评论 -
ES6学习笔记08-数组扩展
前言：ES6为数组新增了许多方法：find(callback)：数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数时一个回调函数，所有的数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有成员符合条件，则返回undefined。findIndex(callback)：数组实例的findIndex方法，用法和find方法非常类似，返回第一...原创 2020-01-13 16:43:37 · 196 阅读 · 0 评论 -
ES6学习笔记07-对象再扩展
前言：ES6为Object扩展了许多新的方法，如：keys(obj)：获取对象的所有key形成数组。values(obj)：获取对象的所以value形成数组。entries(obj)：获取对象的所以key和value形成二维数组。assign(dest,…src)：将多个src对象的值拷贝到dest中（浅拷贝）。1.代码如下：<!DOCTYPE html><h...原创 2020-01-13 16:12:14 · 152 阅读 · 0 评论 -
ES6学习笔记06-箭头函数和解构函数结合
1.创建一个Person对象：2.定义一个fun1函数：3.调用函数：4.将Person对象传进来之后，在函数的形参列表里将其结构，最后运行结果：原创 2020-01-13 15:47:47 · 294 阅读 · 0 评论 -
ES6学习笔记05-箭头函数
1.定义箭头函数：2.查看控制台：3.当形参列表有多个、函数体有多行代码时候：形参列表使用括号。函数体使用花括号。4.输出结果：5.对象的函数属性简写：比如一个Person对象，里面有eat方法：6.输出结果：...原创 2020-01-13 15:23:08 · 227 阅读 · 0 评论 -
ES6学习笔记04-函数优化
前言：在js函数里面，如果一个函数有多个形参，可以只传一个参数进来，这样就有可能出错，逻辑不严谨，所以我们需要判断来优化一下。1.代码如下：当b为空时，把1赋值给b。控制台输出结果：判断代码还可以如下优化一下。输出结果也是一样的。还可以再如下优化。直接在形参列表上赋值，当b没有值传进来时，便赋值为2。有值传进来则为传进来的值。控制台输出结果。...原创 2020-01-13 14:45:32 · 186 阅读 · 0 评论 -
ES6学习笔记03-解构表达式
前言：可以将定义的数组轻松取出来。1.代码如下：定义数组ary。通过结构表达式将数组ary里的元素赋予x,y,z三个变量。2.打开控制台查看：结构成功。3.结构对象时：定义person对象。将person里的对象取出。还可以使用冒号：将变量名称更改，实质上就是将变量赋予给另一个变量。结果还是一样的。...原创 2020-01-13 14:21:33 · 168 阅读 · 0 评论 -
ES6学习笔记02-字符串扩展
1.ES6为字符串扩展了几个新的API:includes(“aa”)：返回布尔值，表示该字符串是否包含字符串aa。startsWith(“aa”)：返回布尔值，表示该字符串是否以字符串aa开头。endsWith(“aa”)：返回布尔值，表示该字符串是否以字符串aa结尾。2.例如：3.换行拼接字符串：波浪线下面的符号 `<!DOCTYPE html><html...原创 2020-01-13 14:08:03 · 205 阅读 · 1 评论 -
ES6学习笔记01-let和const
1.创建一个空的静态web项目工程:新建一个hello.html文件2.我们平时使用js语言时候，如果用var定义变量，则会产生变量越界的情况，例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t...原创 2020-01-13 13:49:15 · 202 阅读 · 0 评论