ES6笔记

qianfeng 发布于2019-08-23 18:28 / 554人阅读

摘要：一可以重复声明不能限制修改没有块级作用域不能重复声明变量有块级作用域不能重复声明常量有块级作用域块级作用域循环短短函数都属于块级作用域二剩余参数展开符剩余参数必须是形参的最后一个否则会报错数组展开相当于拼接两个数组展开三默认参数打印出来没有

一、 var,let,const

var:可以重复声明、不能限制修改、没有块级作用域
let:不能重复声明、变量、有块级作用域
const:不能重复声明、常量、有块级作用域
//块级作用域 {},循环,if短短,函数都属于块级作用域

二、剩余参数(展开符)剩余参数必须是形参的最后一个,否则会报错

function show(a, b, ...c){
  console.log(a, b, c);//a=12 b=5 c=[4,8,19,27,36]
  
}
show(12,5,4,8,19,27,36);

数组展开
 let arr1=[12,5,8];
let arr2=[4,5,6];
let arr=[...arr1, ...arr2];//相当于拼接两个数组
console.log(arr)//[12,5,8,4,5,6]

json展开
let json={a:12, b:5, c:99};
let json2={
  ...json,
  d: 999
};
console.log(json2);//{a:12, b:5, c:99,d:999}

三、默认参数

function show2(a, b=5, c=8) {
    console.log(a, b, c)
}
show2(88)//打印出来 88,5,8(没有传参数b默认为5,c默认为8)
show2(88,22)//打印出来 88,22,8(b的默认参数被覆盖所以为22,c默认为8)
show2(88,22,3)//打印出来 88,22,3

map、reduce、filter

//map
let arr=[68, 53, 12, 98, 65];
let arr2=arr.map(function (item){
  if(item>=60){
    return "及格";
  }else{
    return "不及格";
  }
});
console.log(arr);//[68, 53, 12, 98, 65]
console.log(arr2);//[及格, 不及格, 不及格, 及格, 及格]

//result
 let arr=[68, 53, 12, 98, 65];
 let result=arr.reduce(function (tmp, item, index){
  console.log(index+": "+tmp+", "+item);
  return tmp+item;
});
console.log(result);

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105281.html

《深入理解ES6》笔记——导读

摘要：最近买了深入理解的书籍来看，为什么学习这么久还要买这本书呢主要是看到核心团队成员及的创造者为本书做了序，作为一个粉丝，还是挺看好这本书能给我带来一个新的升华，而且本书的作者也非常厉害。使用ES6开发已经有1年多了，以前看的是阮一峰老师的ES6教程，也看过MDN文档的ES6语法介绍。最近买了《深入理解ES6》的书籍来看，为什么学习ES6这么久还要买这本书呢？主要是看到Daniel A...

Godtoy 2019-08-20 18:01 评论0 收藏0
ES6入门笔记（一）

摘要：用声明的常量无法在后面的代码中改值。表达式里还有一个很方便的就是表达式，举个例子运行结果为后声明的里以数组的形式存放了函数的剩余参数，是不是很方便。 ES6入门笔记（一）安装babel 由于浏览器对ES6的支持还不是很好，编写ES6代码前我们要安装一个babel工具将ES6代码编译成ES5代码，用如下命令安装babel： npm install -g babel-core ...

warkiz 2019-08-19 18:11 评论0 收藏0
es6学习笔记-顶层对象_v1.0_byKL

摘要：学习笔记顶层对象虽然是笔记但是基本是抄了一次大师的文章了顶层对象顶层对象，在浏览器环境指的是对象，在指的是对象。之中，顶层对象的属性与全局变量是等价的。的写法模块的写法上面代码将顶层对象放入变量。参考引用顶层对象实战 es6学习笔记-顶层对象_v1.0 (虽然是笔记,但是基本是抄了一次ruan大师的文章了) 顶层对象顶层对象，在浏览器环境指的是window对象，在Node指的是gl...

Meils 2019-08-21 11:31 评论0 收藏0
ES6学习笔记

摘要：本笔记为阅读阮老师的文章自己的总结，仅作自用，感谢阮老师的技术分享。字符串的遍历器接口新增判断字符串的包含情况返回值，表示是否找到了字符串。返回值表示参数字符串是否在原字符串的头部。本笔记为阅读http://es6.ruanyifeng.com/ 阮老师的文章自己的总结，仅作自用，感谢阮老师的技术分享。 1.超过uFFFF的字符ES5无法正确显示，会显示成前面的uFFFF的码点符号加...

zxhaaa 2019-08-26 11:58 评论0 收藏0
React学习笔记3：用es2015（ES6）重写CommentBox

摘要：新搭建的个人博客，本文地址学习笔记用重写在一开始的时候配置中我们就加入了的支持，就是下面的配置，但之前的学习笔记都使用的完成，所以专门作一篇笔记，记录使用完成创建相关文件修改，增加该入口文件修改，引入该文件做个简单的测试，看下浏览器全部用来新搭建的个人博客，本文地址：React学习笔记3：用es2015（ES6）重写CommentBox在一开始的时候webpack配置中我们就加入了e...

selfimpr 2019-08-19 17:30 评论0 收藏0