zoukankan      html  css  js  c++  java
  • ES6 新特性

     
    概述 :主要的十个新特性 
    • Default Parameters(默认参数) in ES6
    • Template Literals (模板文本)in ES6
    • Multi-line Strings (多行字符串)in ES6
    • Destructuring Assignment (解构赋值)in ES6
    • Enhanced Object Literals (增强的对象文本)in ES6
    • Arrow Functions (箭头函数)in ES6
    • Promises in ES6
    • Block-Scoped Constructs Let and Const(块作用域构造Let and Const)
    • Classes(类) in ES6
    • Modules(模块) in ES6
     
     
    1.默认参数
     
    2.模板文本
    1. var name = `Your name is ${first} ${last}. `;  
    2. var url = `http://localhost:3000/api/messages/${id}`;  
     
    3.多行字符串
        
    1. var roadPoem = `Then took the other, as just as fair,  
    2.     And having perhaps the better claim  
    3.     Because it was grassy and wanted wear,  
    4.     Though as for that the passing there  
    5.     Had worn them really about the same,`;  
     
    4.解构赋值
    [javascript] view plain copy
     
    1. var { house, mouse} = $('body').data(); // we'll get house and mouse variables  
    2. var {jsonMiddleware} = require('body-parser');  
    3. var {username, password} = req.body;  
        这个同样也适用于数组,非常赞的用法:
    [javascript] view plain copy
     
    1. var [col1, col2]  = $('.column'),  
    2. [line1, line2, line3, , line5] = file.split('n');  
     
     
    5.增强对象文本 (略 ,有点晦涩)
     
    6.箭头函数 (非常nice的特性)
     
    以前我们使用闭包,this总是预期之外地产生改变,而箭头函数的迷人之处在于,现在你的this可以按照你的预期使用了,身处箭头函数里面,this还是原来的this。
      有了箭头函数在ES6中, 我们就不必用that = this或 self =  this  或 _this = this  或.bind(this)。例如,下面的代码用ES5就不是很优雅:
    1. var _this = this;  
    2. $('.btn').click(function(event){  
    3.   _this.sendData();  
    4. })  
         在ES6中就不需要用 _this = this:
    1. $('.btn').click((event) =>{  
    2.   this.sendData();  
    3. })  
     
     
  • 相关阅读:
    AtCoder Regular Contest 066 F Contest with Drinks Hard
    AtCoder Grand Contest 002 D
    AtCoder Regular Contest 076 F
    AtCoder Grand Contest 004 C
    AtCoder Regular Contest 067 F
    转载:Unity3D游戏对象消失enabled、Destroy与active的区别
    Unity3d-AngryBots实例解读
    本类对象的引用作为参数,可以直接访问其私有成员
    构建完全二叉树、控制台打印二叉树
    转载:C++类内存分布
  • 原文地址:https://www.cnblogs.com/lmxxlm-123/p/11131826.html
Copyright © 2011-2022 走看看