ES6 函式拓展 類 匯入匯出

2021-09-29 16:48:08 字數 1105 閱讀 2520

上次介紹了es6的最基本的一些點,今天稍微深入一點,談談函式和類

函式拓展

~~~~~~我們知道,之前es5的時候 函式的預設值問題,要寫**判斷是否為空去實現 而現在 es6解決了這一問題(說實話 越來越發現了es6的強大)

~~~~~~箭頭函式  上面大家也看到了 按照順序來說 算是超綱啦  不過 帶著疑問去學習是件好事呀

有三種方法    ()相當去去掉function的function()

=》指代函式關係

{}相當於之前的{}

注意 當只有一行**是可以省略{} 且函式自帶return

var add=function(a,b);

let adds=()=>

let adds2=()=>a+b;

~~~~~~自執行函式寫法

//es5

(function(x))();

//es6

((x)=>)();

//es6

((x)=>console.log(x))();

關於箭頭函式: 箭頭函式能使上下文的this物件保持一致  對於開發來講很有必要在返回鍵值  a:1之類的時候 記得用()包起來 不然會當物件去解析 報錯2.es6類(類似後端的類)

class student

sleep()

}let stu1=new student();

console.log(stu1);

stu1.sleep();

3.import(匯入)    export(匯出)

es6的模組化開發  在vue 用的很多

es6 匯入匯出

1.命名匯出 命名匯出就是明確匯出的變數名稱和值。在src目錄下建立math.js,index.js檔案。math.js內容 case 1 export後面跟變數輸出宣告語句 export var pi 3.14 case 2 export後面直接跟變數定義語句 export var add fun...

es6模組匯入匯出

如何在 webpack 構建的專案中,使用 vue 進行開發 複習 在普通網頁中如何使用vue 1.使用 script 標籤 引入 vue 的包 3.通過 new vue 得到乙個 vm 的例項 在webpack 中嘗試使用 vue 注意 在 webpack 中,使用 import vue from...

es6的函式拓展

參考 1.增加函式預設值 es6允許為函式提供預設值,與解構賦值一起使用,非常地方便 function foo foo 相當於執行let 輸出undefined 5 foo 相當於執行let 輸出 1 5 foo 1 2 foo typeerror cannot read property x of...