ECMAScript6
来源:互联网 发布:移动大数据公司有哪些 编辑:程序博客网 时间:2024/05/16 14:40
最近公司用VUE做项目,使用的ECMAScript是ES6版本,相对于ES5来说,ES6还是有很多不一样的特性,通过对官网ES6的学习来进行一些对比归纳。
let命令
1、声明变量,类似于var。所声明的变量,只在let命令所在的代码块内有效
2、所声明的变量一定要在声明后使用,否则报错
3、如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错
4、暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的。实质是只要已进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现时,才可以获取和使用该变量
5、不允许重复声明
块级作用域
1、{}内为一个块级作用域
2、块级作用域之中,函数声明语句的行为类似于let,在块级作用域之外不可引用
3、函数声明类似于“var”,即会提升到全局作用域或函数作用域的头部,还会提升到所在的块级作用域的头部
4、允许声明函数的规则:只有使用大括号的情况下成立,如果没有使用大括号,就会报错
const命令
1、声明一个只读的常量,一旦声明,常量的值就不能改变
2、一旦声明变量,就必须立即初始化,不能留到以后赋值。只声明不赋值,就会报错
3、只在声明所在的块级作用域内有效
4、const保证的不是变量的值不得改动,而是变量指向的那个内存地址不得改动。
①对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,等同于常量
②对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,例如常量foo储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的
const foo = {};// 为 foo 添加一个属性,可以成功foo.prop = 123;foo.prop // 123// 将 foo 指向另一个对象,就会报错foo = {}; // TypeError: "foo" is read-only
顶层对象
1、在浏览器环境指的是window对象,在node指的是global对象
2、var命令和function命令声明的全局变量是顶层对象的属性;
let、const、class命令声明的全局变量,不属于顶层对象
var a = 1;// 如果在Node的REPL环境,可以写成global.a// 或者采用通用方法,写成this.awindow.a // 1let b = 1;window.b // undefined
global
1、全局对象中,this会返回顶层对象。但是在Node、ES6模块中,this返回的是当前模块
2、函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象。严格模式下,这时this会返回undefined。不管是严格模式,还是普通模式,new Function(‘return this’)(),总是会返回全局对象。
解构
1、用途:
①交换变量的值[x,y]=[y,x]
②从函数返回多个值
// 返回一个数组function example() { return [1, 2, 3];}let [a, b, c] = example();// 返回一个对象function example() { return { foo: 1, bar: 2 };}let { foo, bar } = example();
③方便将一组参数与变量名对应
④提取JSON数据
//避免了在函数体内部再写var foo = config.foo || 'default foo';jQuery.ajax = function (url, { async = true, beforeSend = function () {}, cache = true, complete = function () {}, crossDomain = false, global = true, // ... more config}) { // ... do stuff};
⑤遍历Map结构
//获取键名和键值const map = new Map();map.set('first', 'hello');map.set('second', 'world');for (let [key, value] of map) { console.log(key + " is " + value);}// first is hello// second is world//只想获取键名,或者只想获取键值// 获取键名for (let [key] of map) { // ...}// 获取键值for (let [,value] of map) { // ...}
⑥输入模块的指定方法const { SourceMapConsumer, SourceNode } = require("source-map");
2、从数组和对象中提取值,对变量进行赋值
3、如果解构不成功,变量的值就等于underfined
4、不完全解构:等号左边的模式只匹配一部分的等号右边的数组,解构仍成功
5、如果等号右边不是数组,那么将会报错
// 报错let [foo] = 1;let [foo] = false;let [foo] = NaN;let [foo] = undefined;let [foo] = null;let [foo] = {};//因为等号右边的值,要么转为对象以后不具备 Iterator 接口(前五个表达式),要么本身就不具备 Iterator 接口(最后一个表达式)。
6、解构赋值允许指定默认值
①ES6内部使用严格相等运算符(===),判断一个位置是否有值,如果一个数组成员不严格等于undefined,默认值不会生效
7、对象的解构赋值,对象的属性没有次序,变量必须与属性同名,才能取到正确的值
函数
1、函数的参数变量是默认声明的,不能用let或者const再次声明;使用参数默认值时,函数不能有同名参数
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6笔记:ECMAScript6简介
- ECMAscript6 set
- ECMAscript6 map
- ECMAScript6 Promise
- ECMAScript6 async
- ECMAScript6/ES6
- ECMAScript6 Promise
- ECMAScript6 规范
- ECMAScript6 规范
- ECMAScript6入门
- sql rank() 根据销售次数,生成排名列
- 学不好Python?我们分析看看
- 数论板子
- 利用google app engine开发一个定时器应用
- java调用tensorflow模型进行图片分类识别
- ECMAScript6
- summernote附件上传及图片上传
- codeforces 864E 背包
- 关于创建趣味编程文章列表的倡议和通告
- Android6.0以上系统获取权限
- mysql-mysql跨机器数据迁移(命令方式)
- spring+springmvc的例子
- 如何将自己的项目添加Pod
- DeepID人脸识别算法之三代