首页 > 其他 > 详细

总结vue中常用的es6语法(转载)

时间:2019-09-05 11:43:39      阅读:87      评论:0      收藏:0      [点我收藏+]
    1、对象的写法
        es5中对象: {add:add,substrict:substrict}
        es6中对象: {add,substrict}

    2、在对象中的方法的写法
        es5中对象: {add:function(){},substrict:function(){}}
        es6中对象: {add(){},substrict(){}}
    
    3、对象的导出写法
     calc.js

     es5两种形式:
     1、module.exports = fucntion (){};
     2、exprots.add =  fucntion (){};

    es6中写法:
    1、export default{
        add(){}
    }
    2、export fucntion add(){} 相当于 将add方法当做一个属性挂在到exports对象


    4、对象的导入
    es5: var add  = require(‘./calc.js‘);
    es6:
    如果导出的是:export default{ add(){}}
    那么可以通过  import obj from ‘./calc.js‘

    如果导出的是:
// 写法一
    export fucntion add(){} 
    export fucntion substrict(){} 
    export const PI=3.14   
// 写法二
    var m = 1;
    export {m};
// 写法三
   var firstName = ‘Michael‘;
   var lastName = ‘Jackson‘;
   var year = 1958;
   export {firstName, lastName, year};

    那么可以通过按需加载 import {add,substrict,PI} from ‘./calc.js‘

    5、es6中的箭头函数的写法
    箭头的演变过程:
    //需求:利用函数实现倒序排列
    [2,1,3].sort(function(x,y){return y - x;});

    //用箭头函数实现 =>读 goes to
    [2,1,3].sort((x,y)=>{return y - x;});
    [2,1,3].sort((x,y)=> {x++;y++; y - x;});
    [2,1,3].forEach(x=> {console.log(x)});

 

 

原文地址:https://www.jianshu.com/p/b4d48e9846e7

总结vue中常用的es6语法(转载)

原文:https://www.cnblogs.com/lgqing920/p/11464674.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!