【let和const命令】

1.var的作用域是函数体内,不是块级作用域

2.let是更完美的var,let的变量的作用是块级作用域

3.let声明的全局变量不是全局对象属性,不可以通过window.变量名的方式访问

4.let声明的变量直到控制流到达该变量被定义的代码行时才会被装载,所以在到达之前使用该变量会触发错误

5.用let重定义变量会抛出一个语法错误(SyntaxError)

6.const声明的变量与let声明的变量类似,它们的不同之处在于,const声明的变量只可以在声明时赋值,不可随意修改,否则会导致SyntaxError(语法错误)

7.const声明后必须要赋值

【变量的解构和赋值】

1.对undefined或者null进行解构,会报错。

var [foo] = undefined //报错
var [foo] = null //报错

  因为解构只能用于数组和对象,其他原始的值都会转换相对应的对象,但是undefined和null不能转换为对象,所以报错。

2.数组结构和对象解构的不同:数组变量的取值是按照位置决定的;对象的变量必须与属性同名才能正确取值

3.JavaScript引擎会将{X}理解成代码块。

4.变量解构的用途:交换变量的值,从函数返回多个值,函数参数的定义。函数参数的默认值 、遍历Map结构、输入模块的指定方法

 

【set和map数据结构】

1.ES6提供了新的数据结构,类似于数组,但是其成员是唯一的,没有重复的值

2.set本身是一个构造函数,用来生成set数据结构

3.Set结构不会添加重复的值

4.向set加入值的时候,不会发生类型转换,意味着5和“5”是两个不同的值

5.set结构的方法:add(value),delete(value),has(value),clear();

6.Array.from方法可以将set结构转换为数组,提供了一种去除数组中元素重复的方法】

var items = new Set([1,1,1,2,2,3,4]);
var array = Array.form(items);

7.es6的 map,键值对,“键”的范围不限于字符串,对象也可以当作键。

8.map也可以接受一个数组进行初始化

var map =new Map([["name","张三"],["title","Author"]])
map.size//2
map.has("name")//true
map.get("name")//"张三"

10.map的属性和方法:size、set(key,value)、get(key)、has(key)、delete(key)、clear

11.Map原生提供三个遍历器:

a.keys():返回键名的遍历器

b.values():返回键值的遍历器

c.entries():返回所有成员的遍历器

11.map还有一个foreach的方法,与数组的foreach方法类似,也可以实现遍历,foreach方法可以接受第二个参数,用来绑定this

var reporter ={
report:function(key,value){
console.log(key,value);
}
};
map.forEach(function(key,value,map){this.report(key,value);},reporter)

  上面的代码中,forEach方法的回到函数中的this,就是指向reporter的。

12.WeakMAp结构月Map结构基本类似,唯一的却别是它只接受对象作为键名(null除外),不接受原始的类型值作为键名

13.WeakMap的结构有助于防止内存泄漏,因为当对象被回收后,WeakMap自动移除对应的键值对。

14。

【函数的扩展】

1.函数参数的默认值,ES6允许为函数的参数设置默认值,任何带有默认值的参数,都被视为可选参数。不带默认值的参数,则被视为必填参数

2.rest参数:...变量名,rest参数之后不能再有其他参数,否则会报错

3.扩展运算符:是三个点(...),好比rest参数的逆运算,将一个数组转换为用逗号分隔的参数序列。

4.扩展运算符可以简化求出一个数组最大元素的写法

5.箭头函数:var f =v=>v var f=function(v){return v}

6.如果箭头函数不需要参数或需要多个参数,就使用一堆圆括号代表参数部分

7.由于大括号被结束为代码块,因此如果箭头函数直接返回一个对象,必须在对象外面加上括号

8.箭头函数有几个使用注意点:1.函数体内的this对象,绑定定义时所在的对象,而不是使用时所在的对象2.不可以当作构造函数,也就是说,不可以使用new命令,不可以使用arguments对象,该对象在函数体内不存在

【Iterator和for ...of循环】

1.一个对象只要部署了next方法,就被视为具有iterator接口,就可以用for...of循环遍历它的值,数组原生具备iterator接口

2.js原有的for...in循环,只能获得对象的键名,不能直接获取键值。(for...in有一个坑:它会把属性一起遍历)

var arr=["a",'b','c'];
arr.name="ahhh";
for(var a in arr){
console.log(a);
}
//
//
//
//name
var arr=["a","b","c"];
for(var a of arr){
console.log(a);
}
//a
//b
//c

3.对于Set和Map结构的数据,可以直接使用for...of循环

4.对于普通的对象,for...of结构不能直接使用,否则会报错,必须部署了iterator接口才能使用

5.for ...of的使用范围:数组、类似数组的对象(比如arguments对象,DOM NodeList对象)、Set和Map结构、Generator对象,以及字符串

【对象的扩展】

1.object.is()用来比较两个值是否严格相等。它与严格比较运算符(===)的行为基本一致,不同之处只有两点:一是+0不等于-0,二是NaN等于自身

+0 ===-0//true
NaN === NaN //false Object.is(=0,-0)//false
Object.is(NaN,NaN)//true

2.Object.assign()、深拷贝(可参考http://blog.csdn.net/waiterwaiter/article/details/50267787)、只对顶层属性做了赋值,完全没有继续做递归之类的把所有下一层的属性做深拷贝。

3.如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。

ES6自我总结笔记(阮一峰ES6入门)的更多相关文章

  1. 阮一峰 ES6

    阮一峰 ES6:http://es6.ruanyifeng.com/#docs/module

  2. ES6特性:(阮一峰老师)学习总结

    ES6(阮一峰)学习总结   1.块级作用域的引入 在ES6之前,js只有全局作用域和函数作用域,ES6中let关键字为其引入了块级作用域. { var a = 5; let b = 6; } con ...

  3. es6 Object.assign ECMAScript 6 笔记(六) ECMAScript 6 笔记(一) react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法 响应式图像 弹窗细节 微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性 参数传递的四种形式

    es6 Object.assign   目录 一.基本用法 二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值 三.浏览器支持 ES6 O ...

  4. 读阮一峰老师 es6 入门笔记 —— 第一章

    鉴于最近用 vuejs 框架开发项目,其中有很多涉及到 es6 语法不太理解所以便认真地读了一下这本书. 地址:http://es6.ruanyifeng.com/#README 第一章:let ,c ...

  5. 【js 笔记】读阮一峰老师 es6 入门笔记 —— 第一章

      鉴于最近用 vuejs 框架开发项目,其中有很多涉及到 es6 语法不太理解所以便认真地读了一下这本书. 地址:http://es6.ruanyifeng.com/#README 第一章:let ...

  6. es6阮一峰读后感

    不经意间看了你一眼(阮一峰的es6读后感)我自己常用的 字符串篇:ES6 为字符串添加了遍历器接口(详见<Iterator>一章),使得字符串可以被for...of循环遍历.只要有遍历器接 ...

  7. 关于阮一峰老师es6(第三版)中管道机制代码的理解浅析

    最近正在学习阮一峰老师的es6(第三版)教材,在学到第七章<函数的扩展>中的箭头函数嵌套时,文中提到了一个关于“管道机制”的示例,文中源代码如下: //es6(第三版)教材中的管道机制源代 ...

  8. 阮一峰:jQuery官方基础教程笔记

    jQuery是目前使用最广泛的javascript函数库. 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. 对于网页开发者来 ...

  9. 读阮一峰对《javascript语言精粹》的笔记,我有疑问。

    <javascript语言精粹>是一本很棒的书籍,其中作者在附录列出了12种他所认为的javascript语言中的糟粕. 我最近开始跟读前端前辈的博客,其中读到了阮一峰的<12种不宜 ...

随机推荐

  1. 为什么redis使用单线程还能这么快?

    通常来讲,单线程处理能力要比多线程差,但是redis为什么就快了,这主要得益于以下几个原因: 1.纯内存访问,redis将所有数据放在内存中,内存的响应时长大约为100纳秒,这是redis达到每秒万级 ...

  2. oracle-ords

    oracle rest data service ORDS Perforce    adv. 一定,必须:必然地pagination    n. 标记页数:页码,分页Online documentat ...

  3. 以Windows服务方式运行ASP.NET Core程序【转载】

    我们对ASP.NET Core的使用已经进行了相当一段时间了,大多数时候,我们的Web程序都是发布到Linux主机上的,当然了,偶尔也有需求要发布到Windows主机上,这样问题就来了,难道直接以控制 ...

  4. 查看进程在CPU和内存占用的命令

    1.使用top命令 输入M表示按内存排序,也就是RES这一列从大到小排序了 它占用了3.3%的内存,用134568除以4030416结果就是3.3左右 也就是说 总物理内存是3.84GB RES这一列 ...

  5. 3.3-1933 problem A

    #include <stdio.h> int main(void){ int h; while(scanf("%d", &h) != EOF){ * (h-); ...

  6. [转].NET 性能测试工具 -- 事件跟踪器(ETW)

    .NET 性能测试工具 -- 事件跟踪器(ETW) 内容预告: Windows内置工具(性能计数器) 事件跟踪器(WPT,PerfMoniter,PerfView,自定义ETW) 时间分析 内存分配分 ...

  7. python虚拟环境virtualenv简介

    参考网站: https://realpython.com/python-virtual-environments-a-primer/ 一. 创建一个新的虚拟环境 # Python 2: $ virtu ...

  8. [转]Oracle left join \ right join

    select 1 from a,b where a.id=b.id(+) 等同于 a left join b on a.id=b.id select 1 from a,b where a.id(+)= ...

  9. 廖雪峰Java7处理日期和时间-3java.time的API-2ZonedDateTime

    ZonedDatetime = LocalDateTime + ZoneId ZonedDateTime:带时区的日期和时间 ZoneId:新的API定义的时区对象(取代几句的java.util.Ti ...

  10. selenium +chromdriver模块

    1   selenium 模拟浏览器行为 2 chromdriver   对应的chrome浏览器驱动 下载地址 注意:chrome与chromdriver存在对应关系   以下错误就可能是版本不对应 ...