vue之es6語法
阿新 • • 發佈：2020-10-16
1.背景
2.let與var與const的區別
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue18-es6語法之let與var與const的區別</title> </head> <body> <h3>let與var的區別</h3> <pre> 塊級作用域 JS中使用var來宣告一個變數時, 變數的作用域主要是和函式的定義有關. 針對於其他塊定義來說是沒有作用域的，比如if/for等，這在我們開發中往往會引起一些問題。 const 在JavaScript中也是如此, 使用const修飾的識別符號為常量, 不可以再次賦值.View Code</pre> <h4>總結</h4> 變數建議使用let 常量使用 const <h4>區別</h4> var設計的作用域是一個函式,函式外不生效 let具有嚴謹的塊級作用域,定義在一個大括號內,就只能在大括號內使用 const定義的常量不可用修改 <h4>建議</h4> 在ES6開發中,優先使用const, 只有需要改變某一個識別符號的時候才使用let. </body> </html>
3.es6中物件增強寫法
<!DOCTYPE html> <View Codehtml lang="en"> <head> <meta charset="UTF-8"> <title>物件增強寫法</title> </head> <body> <h3>物件增強寫法</h3> <script> /* 1.物件*/ let name = '李東平' let age = 18 // 正常的寫法 let obj1 = { name: name, age: age } // es6的增強寫法 console.log("obj1=" + obj1) let obj2 = { name, age } console.log("obj2=" + obj2) /* 1.方法*/ // 之前的寫法 let obj3 = { f1: function () { console.log("-----f1------") } } obj3.f1(); // es6增強寫法 let obj4 = { f2() { console.log("----f2----------") } } obj4.f2(); </script> </body> </html>
完美！