关于ES6扩展属性

ES6

let和const
1. let命令
- 只在代码块作用域内有效
- 不存在变量提升（不能在申明之前赋值）
- 暂时性死区（在区域内不受外部变量影响）
- 不允许重复申明（在相同代码块区域内）

2.    块级作用域
    *    let为es6新增了块级作用域  {let a = ...;}  
    *    函数可以在块级作用域申明，不受外界影响 if(...) { function(){}}
        **注：**块级作用域处大括号不能省略。
3.  const命令
    *   立即初始化，不可改变。
    *   类似let于的特性。
    *   对于对象，const存储只保持地址不变，对象内属性可变，但是不可给对象重新赋值。**const a = []; a = ['1'];报错**
    *   Object.freeze方法冻结对象，使内容不可改变。
4.  全局对象
    *   let命令、const命令、class命令声明的全局变量，不属于全局对象的属性。

变量的解构赋值
1. 数组解构
  - 写法 var [v1,v2,v3] = [1,2,3];
  - let const都支持解构赋值
  - 支持“模式匹配” var [a,[b]] = [1,[2]]
  - set结构支持 var [a,b] = new set([1,2])
2. 默认值
  - 允许默认值 var a[b=2] = [];
  - 默认值生效：当赋值不严格等于undefined var a[b=1] = [null]; b//null
  - 默认值的惰性, var a[b=function(){}] = [1]; //方法不执行
  - 默认值可以引用解构赋值的其他变量，但该变量必须已经声明。var [x=2,y=x] = [1];
3. 对象解构
  - var {foo,bar} = {foo:"aa",bar:"bb"};
  - 变量名与属性名不一致时 var {foo:l,bar:a} = {foo:"aa",bar:"bb"};
  - 对于let和const来说，变量不能重新声明，所以一旦赋值的变量以前声明过，就会报错。let foo; let{foo}={foo:1} //err
    ({foo}={foo:1}) //成功大括号不能省略
  - 类似于数组可以依靠模式嵌套对象
  - 可以指定默认值
  - 两个神奇用法：let { log, sin, cos } = Math;
    var {0 : first, [arr.length - 1] : last} = arr;
4. 字符串解构
  - const [a, b, c, d, e] = 'hello';
  - let {length : len} = 'hello'; len //5;
5. 数值和布尔值得解构
  - let {toString: s} = 123;
    s === Number.prototype.toString // true
  - null和undefined无法转化成对象，会报错
6. 函数参数解构
```
 function move({x, y} = { x: 0, y: 0 }) {
     return [x, y];
 }
 move({x: 3, y: 8}); // [3, 8]
 move({x: 3}); // [3, undefined]
 move({}); // [undefined, undefined]
 move(); // [0, 0]
```
7. 圆括号问题
  - 不使用圆括号情况
    1. 变量声明语句中，不能带有圆括号。
    2. 函数参数中，模式不能带有圆括号。
    3. 赋值语句中，不能将整个模式，或嵌套模式中的一层，放在圆括号之中。
  - 使用圆括号情况
    赋值语句的非模式部分，可以使用圆括号。
8. 用途
  - 交换变量的值
  - 从函数返回多个值
  - 函数参数的定义
  - 提取JSON数据
  - 函数参数的默认值
  - 遍历Map结构
  - 输入模块的指定方法
字符串的扩展
1. 字符的Unicode表示法
  '\z' === 'z' // true
  '\172' === 'z' // true
  '\x7A' === 'z' // true
  '\u007A' === 'z' // true
  '\u{7A}' === 'z' // true
2. codePointAt()
  codePointAt方法会正确返回32位的UTF-16字符的码点。
3. String.fromCodePoint()
  识别32位码点。
4. 字符串的遍历器接口
  for...of for(obj of map)
5. at()
6. normalize()
7. includes(), startsWith(), endsWith()
8. repeat()
  'hello'.repeat(2) // "hellohello"
9. padStart()，padEnd()
  补全字符串长度
10. 模板字符串
  ${name} 取变量值
11. 实例：模板编译
12. 标签模板
13. tring.raw()
正则的扩展
1. RegExp构造函数
  新增加写法：new RegExp(/abc/ig, 'i') 后面的参数会覆盖前面ig
2. 字符串的正则方法
3. u修饰符
  - 点子符 /^.$)/u.test('a') //true
  - 识别Unicode字符 /\u{61}/u.test('a') //true
  - 量词 /a{2}/.test('aa') //true
4. y修饰符
  粘连匹配，即必须从下一个字符处开始匹配。
5. sticky属性
  查看是否设置了y修饰符
6. flags属性
  返回正则表达式修饰符
7. RegExp.escape()
  转义生成正则模式
8. 后行断言
  只匹配美元符号之后的数字，要写成/(?<=$)\d+/
数组的扩展
1. Array.from()
  将对象转化为数组
2. Array.of()
  将一组值转换为数组
3. 数组实例的copyWithin()
  将指定位置的成员复制到其他位置（target, start, end）
4. 数组实例的find()和findIndex()
  //返回第一个找到的值的位置
  [1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
  }) // 10
5. 数组实例的fill()
  填充数组，可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。
6. 数组实例的entries()，keys()和values()
  遍历map,keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历。
7. 数组实例的includes()
  数组是否包含给定的值。
8. 数组的空位
  var arr =new Array(3) //[,,]
  空位处理不一致尽量不使用
数值的扩展
1. 二进制和八进制表示法
  二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。
2. Number.isFinite(), Number.isNaN()
  Number.isFinite()用来检查一个数值是否为有限的（finite）。
  Number.isNaN()用来检查一个值是否为NaN。
3. Number.parseInt(), Number.parseFloat()
  转换为整形和浮点型，成为Number的属性，减少全局性方法，是语言逐渐模块化。
4. Number.isInteger()
  判断是否为整数。注： Number.isInteger(3.0) //true
5. Number.EPSILON
6. 安全整数和Number.isSafeInteger()
  ES6引入了Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER这两个常量，用来表示这个范围的上下限，Number.isSafeInteger()是用来判断一个整数是否落在这个范围之内。
7. Math对象的扩展
  新增了17个与数学相关的方法，详细链接Math扩展
8. 指数运算符
  let a = 2;
  a **= 2; // 等同于 a = a * a;
函数的扩展
1. 函数参数的默认值
  function log(x, y = 'World')
  可以与解构函数一起使用。
  函数的length属性，返回没有指定默认值的数量。
2. rest参数
  rest参数（形式为“...变量名”），用于获取函数的多余参数
3. 扩展运算符
  扩展运算符（spread）是三个点（...）。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。
4. name属性
  函数的name属性，返回该函数的函数名。
5. 箭头函数
  =>
  （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
  
  （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。
  
  （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。
  
  （4）不可以使用yield命令，因此箭头函数不能用作Generator函数。
6. 函数绑定
  foo::bar;
  // 等同于
  bar.bind(foo);
  函数绑定运算符是并排的两个双冒号（::），双冒号左边是一个对象，右边是一个函数。该运算符会自动将左边的对象，作为上下文环境（即this对象），绑定到右边的函数上面。
7. 尾调用优化
  即在return函数时，不需要对当前函数作用域的值进行保存或关联操作。
```
 function factorial(n, total) {
   if (n === 1) return total;
   return factorial(n - 1, n * total);
 }
 factorial(5, 1) // 120
 function factorial(n) {
   if (n === 1) return 1;
   return n * factorial(n - 1);
 }
 factorial(5) // 120
```
8. 函数参数的尾逗号
  ES7有一个提案，允许函数的最后一个参数有尾逗号（trailing comma）。
  目前，函数定义和调用时，都不允许有参数的尾逗号。
对象的扩展
1. 属性的简洁表示法
  var a={x} -> var a={a:a}
  var obj = {
  class () {}
  };
  
  // 等同于
  
  var obj = {
  'class': function() {}
  };
2. 属性名表达式
  ES6允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。
3. 方法的name属性
  函数的name属性，返回函数名。对象方法也是函数，因此也有name属性。
4. Object.is()
  判断两个对象严格相等，与===不同之处在于：一是+0不等于-0，二是NaN等于自身。
5. Object.assign()
  Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。
6. 属性的可枚举性
7. 属性的遍历
  for...in
  Object.keys(obj)
  ...
8. __proto__属性，Object.setPrototypeOf()，Object.getPrototypeOf()
  设置、返回原型对象
9. Object.values()，Object.entries()
  返回属性值，返回键值对。
10. 对象的扩展运算符
  Rest解构赋值
  扩展运算符
11. Object.getOwnPropertyDescriptors()
  返回指定对象所有自身属性（非继承属性）的描述对象。

文章关于扩展方面的总结就到这里，ES6还增加了许多新的特性，详细了解访问: ES6入门

posted @ 2016-08-31 22:55 零下24度温阅读(625) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

时光游

总有一天，我们会找到自己的光。

关于ES6扩展属性

ES6

公告