zoukankan      html  css  js  c++  java
  • 常用的ES6操作总结

    相比ES5,很明显ES6的语法更简洁易维护,ES6新增很多东西,如下;

    1.块级变量let 与 常量 const,他们与var 变量有啥区别呢?

      * 块级变量:在代码块区域内,定义的变量,他的作用域只在当前代码块;

      *常量:定义的变量不可重复定义。

      *var 变量:定义的变量可以全局使用,也存在变量提升。

    2.解构赋值取值

      var obj = {

        name:"张三",

        age:15

      }

      *取值: 

      let { name , age } = obj;

      console.log(name, age );//张三 15

      *赋值:

      let  obj = { name:'李四',age:18};

      console.log(name, age );//李四 18

      

    3.变量赋值重命名

      let test = {

        id:10014

      }

      当需要重命名变量时;可以这么操作:

      let { id : newId } = test;

      console.log(newId); // 10014

    4.箭头函数

      *箭头函数跟普通函数的区别在于 this 的指向;

      普通函数的this 指向是指向父级的,而箭头函数的指向是最外层的父级;

      

    5.合并多个对象

      let person = Object.assign({name:"诺言"},{sex:'男'});

      console.log(person); // { name:"诺言" ,sex :"男"}

    6.Promise 异步编程

      Promise 有两个特点:

      (1)对象的状态不受外界影响。

      (2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。

      Promise 也有一些缺点。首先无法取消Promise,一旦新建它就会立即执行,无法中途取消。

      *基本用法

      let promiseHanlder  = new Promise(function(resolve,reject){

        if(/* 异步操作成功 */){

          resolve('需要回调的数据');

        }else{

          reject(error);

        }  

      })

      promiseHanlder.then(function(res){

        //执行成功的回调

      },function(error){

        //执行报错回调

      })

      

      

      

  • 相关阅读:
    第3.2 使用案例1:股票期货stock portfolio 21050917
    颜色代码表#FFFFFF #FF0000 #00FF00 #FF00FF (2015-07-21 10:39)转载
    JSTL(1.1)的配置
    Ext JS 4 老特征:statics 静态的变量和方法
    Ext JS 4 新特性2:配置项属性(config)之二
    Ext JS 4 新特性2:配置项属性(config)之一
    JS 4 新特性:混合属性(mixins)之二
    JS 4 新特性:混合属性(mixins)
    校验LocalDate格式
    java 执行js的eval方法
  • 原文地址:https://www.cnblogs.com/cubesugarnuo/p/14358832.html
Copyright © 2011-2022 走看看