Vue--vue中常用的ECMAScript6語法


1、對象的寫法

1  es5中對象: {add:add,substrict:substrict}
2  es6中對象: {add,substrict}  注意這種寫法的屬性名稱和值變量是同一個名稱才可以簡寫,否則要想es5那樣的寫法,例如: {addFun:add}

2、在對象中的方法的寫法

1  es5中對象: {add:function(){},substrict:function(){}}
2  es6中對象: {add(){},substrict(){}}

3、對象的導出寫法

1 es5兩種形式:
2          1、module.exports = fucntion (){};
3          2、exprots.add =  fucntion (){};
4 
5 es6中寫法:
6         1、export default{
7             add(){}
8         }
9         2、export fucntion add(){} 相當於 將add方法當做一個屬性掛在到exports對象

4、對象的導入

 1         es5: var add  = require('./calc.js');
 2         es6:
 3         如果導出的是:export default{ add(){}}
 4         那么可以通過  import obj from './calc.js'
 5 
 6         如果導出的是:
 7         export fucntion add(){}
 8         export fucntion substrict(){}
 9         export const PI=3.14
10 
11         那么可以通過按需加載 import {add,substrict,PI} from './calc.js'

 

5、es6中的箭頭函數的寫法

1         箭頭的演變過程:
2         //需求:利用函數實現倒序排列
3         [2,1,3].sort(function(x,y){return y - x;});
4 
5         //用箭頭函數實現 =>讀 goes to
6         [2,1,3].sort((x,y)=>{return y - x;});
7         [2,1,3].sort((x,y)=> {x++;y++; y - x;});
8         [2,1,3].forEach(x=> {console.log(x)});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM