ES6
---
* JavaScript语言随着使用的人越来越多,ECMA语法规范:if/else
* 为了让js语言更适应大型应用的开发、旨在消除一些怪异的行为

### 包含内容(strict严格模式)
---
* 使用严格模式的方式:
- 在全局中或者文件中直接使用
+ `use strict`;
+ 以下的代码就按照严格模式来执行
- 在函数中开启严格模式
+ `function xx(){ "use strict"; }`
+ 以上函数内的代码就执行严格模式,非该函数内的代码正常模式
* 全局变量显式声明

```javascript
'use strict';

// function aa(){
// 'use strict'
// }
personName = 'jack'; //personName is not defined
console.log(personName);

```
* 禁止使用with语句

```javascript
'use strict';
var person = {
name: 'jack'
};
//下面一行报错:Strict mode code may not include a with statement
with(person) { //针对参数对象做一些操作
name = 'rose';
}
console.log(person);

```
* 禁止this关键字指向全局对象
```javascript

function aaa() {
return this; //开启严格模式的时候,返回的this是undefined,以前是window
}

aaa();//在ES5中没有开启严格模式返回值是window,而开启以后进制this指向全局对象,所以是undefend
```
* 保留字
- implements, interface, package, private, protected, public, static, yield

 LET关键字
* LET是块级作用域,块级就代表着{},如果没有在{}内,就是全局的作用域
* 不存在变量类型提升
- 不会出现:不管在哪里使用,最终都变成了全局对象
* 注意事项:
- 1:变量查找机制:和以前一样,就近原则,如果当前作用域{}内没有该变量的声明,就往上级作用域查找
- 2:每个块内使用的是自己各自的let声明变量
- 3:不允许同一个作用域下,还同一个名称的声明
* let就是为了解决变量会自动提升成全局变量的一个问题

严格模式和关键字的区别
* 严格模式的开启,影响着代码的限制(我们使用上的不同)
* 关键字对代码的功能的增强(效果上的不同)
* 通常使用ES6,就建议开启严格模式,避免有依赖报错

const关键字
* 也是块级作用域
* 注意点:
- 1:必须一次性完成初始化,声明+赋值
- 2: 不能够二次赋值:`const p = {}; p='abc';//不能`
+ 可以给对象挂载属性,不会改变对象的指向
* `const p = {}; p.name= 'abc';//可以`

 小总结
* 严格模式
- 约束以前代码的方式的一些限制
+ 必须显示声明全局变量(先声明后使用,否则报错)
- 禁止this指向全局对象,如果全局函数中return this;返回的是undefined
- with在ES5中是根据传入的对象才做相关操作,ES6严格模式下是禁止的
* Let:块级作用域,如果不再{} 下就是全局的变量,在{}下就属于自己块的声明
- 查找机制: 就近原则,当前块内没有声明就向上级作用域查找
- 不存在变量类型提升(不会自动提升成全局变量)
- 使用细节:
- 同一个块内不允许同名变量的声明
* const
- 块级作用域,不存在变量类型提升
- 必须一次性完成初始化,声明+赋值
- 不允许二次赋值,可以挂载属性

模板字符串(字符串扩展)
* 使用方式:
- tab键的上方,反引号包括起来`字符串扩展`
* 模板字符串支持换行符的输出
* 可以嵌入对象或者变量`${对象.属性名}`
* 了解:可以支持原生字符串的输出 `String.raw`hello\r\nworld``

 扩展ES6函数
* 字符串操作
- 字符串对象.includes(参数);
+ 判断调用的字符串对象是否包含参数字符串,返回值Boolean
- 字符串对象.startsWith(参数);
+ 判断调用的字符串对象是否以参数字符串开头,返回bool
- 字符串对象.endsWith(参数);
+ 判断调用的字符串对象是否以参数字符串结尾,返回bool
- 字符串对象.repeat(num);//了解
+ 返回调用字符串对象的num次字符串内容
* 数学操作
- Math.trunc(float); //返回截取掉小数位的整数部分
+ Math.trunc(3.1415926);// 3
* 数组操作
- 在数组中查找指定元素
+ 数组对象.find(callback);
+ callback:参数列表: ele元素,index下标,arr原数组
+ 注意:该函数的返回值同过回调函数内部的return来做控制
+ 返回值:返回元素的值,如果没有查找到返回undefined

* 获取数组
+ 获取数组Array.of(3,3,5); //了解就可以,返回一个数组[3,3,5]
+ 通过对象参数获取数组` Array.from({length:3,1:'abc','2':'def'});`
+ length是必须的属性,其他的属性可以是1或者'1' -->

```javascript
let citys = ['北京', '上海', '广州'];
//找到上海元素
let city = citys.find(function(ele, index, arr) {
console.log('ele', ele);
return '上海' === ele; //结束遍历并返回元素
});
console.log(city);
// 在数组中查找元素的下标
// 返回的是指定元素的下标,如果没有查找到元素返回-1
let citys = ['北京', '上海', '广州'];
// //找到上海元素
let index = citys.findIndex(function(ele, index, arr) {
console.log('ele', ele);
return '上海' === ele; //结束遍历并返回元素
});
console.log(index);
```

 箭头函数
* 让this不再多变
- 箭头函数本身是没有this的,在声明时箭头函数会根据上层函数的this进行绑定,不再是根据调用时的this去改变了
* 没有参数
- `()=>1;` //没有参数返回1
* 一个参数
- `num => num;` //这种情况可以省略参数的括号
* 多个参数
- `(n1,n2) => n1+n2;` //返回n1+n2
* 多行代码
- `(n1,n2) => {//code.....} `
* 箭头函数本没有arguments,会根据声明绑定上一次function拿到其中的arguments
* 箭头函数不可以用作构造函数

#### ESpromise
* 承诺,异步操作

* readyState状态
```
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status
200: "OK"
404: 未找到页面

参考资料
* ES6参考资料:http://es6.ruanyifeng.com/
* babel参考资料: http://www.ruanyifeng.com/blog/2016/01/babel.html
* node学习 http://cnodejs.org/getstart 《Node.js 包教不包会》

#### ES6转换ES5

node学习笔记第一天的更多相关文章

  1. ActionBarSherlock学习笔记 第一篇——部署

    ActionBarSherlock学习笔记 第一篇--部署          ActionBarSherlock是JakeWharton编写的一个开源框架,使用这个框架,可以实现在所有的Android ...

  2. oracle学习笔记第一天

    oracle学习笔记第一天 --oracle学习的第一天 --一.几个基础的关键字   1.select select (挑选) 挑选出显示的--列--(可以多列,用“,”隔开,*表示所有列),为一条 ...

  3. node学习笔记-搭建node环境

    最近项目要用到node,利用空闲整理做下笔记 第一步  安装node,方式比较多,最为直接的是直接去官网     可直接从官网下载安装http://nodejs.cn/download/ 根据自己情况 ...

  4. node学习笔记(二)(ajax方式向node后台提交数据)

    通过ajax向node后台提交数据过程(附手写前后台代码),并总结post与get的区别 POST 前台代码 //CSS简单给点样式 <style> form{ width: 200px; ...

  5. Django学习笔记---第一天

    Django学习笔记 1.Django的安装 //如果不指定版本号,默认安装最新版 pip3 install django==1.11.8 关于Django的版本和python的版本依赖关系,请看下图 ...

  6. ASP.NET Core 学习笔记 第一篇 ASP.NET Core初探

    前言 因为工作原因博客断断续续更新,其实在很早以前就有想法做一套关于ASP.NET CORE整体学习度路线,整体来说国内的环境的.NET生态环境还是相对比较严峻的,但是干一行爱一行,还是希望更多人加入 ...

  7. GIT学习笔记——第一章

    git之vim编辑器退出命令 # 学习笔记 张文军微博主页  张文军码云主页   张文军新浪云主页  张文军博客主页 ## 刚学习git,好多东西没接触过,进入vim后不知道如何出来了,网上找了很多都 ...

  8. Node 之 Express 学习笔记 第一篇 安装

    最近由于工作不忙,正好闲暇时间学学基于 node 的 web开发框架. 现在关于web开发框架除了Express 还有新出的 KOA以及其它一些. 但是想想还是先从 Express 入手吧.因为比较成 ...

  9. Nodejs全站开发学习系列 & 深入浅出Node学习笔记 & Spider抓取

    https://course.tianmaying.com/node 这个系列的文章看起来很不错,值得学习一下. /Users/baidu/Documents/Data/Interview/Web-S ...

随机推荐

  1. 经典 MapReduce框架(MRv1)

    在 MapReduce 框架中,作业执行受两种类型的进程控制: 一个称为 JobTracker 的主要进程,它协调在集群上运行的所有作业,分配要在 TaskTracker 上运行的 map 和 red ...

  2. ftplib模块【python】

    转自:http://www.cnblogs.com/kaituorensheng/p/4480512.html 函数释义 Python中默认安装的ftplib模块定义了FTP类,其中函数有限,可用来实 ...

  3. NUC972学习历程之NUWRITER使用说明以及烧录模式的说明

    3.1 簡介Nu-Writer 工具能幫助使用者透過 USB ISP模式, 將Image檔案放入儲存體中, 例如:SPI Flash設備或 NAND Flash設備.3.2 驅動程式安裝Nu-Writ ...

  4. linux配置了dns后导致mysql远程连接慢问题

    有时候dns配置错误或者其它原因会导致mysql远程连接缓慢,此时只需要关闭mysqlDNS反向解析即可解决此问题. 打开my.cnf配置,将[mysqld]下的#skip-name-resolve前 ...

  5. 【Thinkphp5】结合layer弹窗 定制操作结果页面

    1 打开应用公共文件页面    appliction/common.php,编写以下代码 注意: 成功消息的绿色背景部分是iframe 框架写法,如果是普通页面.就吧parent去除,改为: self ...

  6. 关于font-size对垂直居中影响的问题

    背景:三个inline-block元素,其中两个内容为空,另外一个包含文字,设置文字的font-size之后,原本垂直居中的三个inline-block的元素,会变的不再垂直居中. 原因: 当设置了f ...

  7. java的list集合操作List<T>转化List<Long>

    java的list集合操作List<T>转化List<Long> package com.google.common.collect; import com.google.co ...

  8. Python - 3.6 学习二

    Python 的高级特性 切片 对于指定索引范围取值的操作,Python提供了slice方法,类似于Excel中数据透视表的切片器. >>> L = ['Michael', 'Sar ...

  9. 三进制状态压缩DP(旅行商问题TSP)HDU3001

    http://acm.hdu.edu.cn/showproblem.php?pid=3001 Travelling Time Limit: 6000/3000 MS (Java/Others)     ...

  10. python 对shell 命令的 执行 逻辑 在一台机器上执行另一台机器的命令; 跨节点 执行命令

    import os l = ['ssh a;scp /data/visitlog/*11* root@d:/data/mapReduceVisitorLog/'] # b c for i in l: ...