es6宣告變數有6種方法:1、用關鍵字var宣告變數;2、用關鍵字function宣告變數;3、用關鍵字const宣告變數;4、用關鍵字let宣告變數; 5.用關鍵字class宣告變數;6、用關鍵字import宣告變數。
本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。
ES5 只有兩種宣告變數的方法:var指令和function指令。
ES6 除了加入let和const指令,還有兩種宣告變數的方法:import指令和class指令。
所以,ES6 一共有 6 種宣告變數的方法。
1、用關鍵字var宣告變數
var a ; //undefined var b = 1;
2、用關鍵字function宣告變數
function add(a) { var sum = a + 1; return sum; }
3、用關鍵字const宣告變數
#const a; //报错,必须初始化 const b = 1;
必須初始化常數
4、用關鍵字let宣告變數
let a; //undefined let b = 1; function add(b) { let sum = b + 1; return sum; } let c = add(b);
5、用關鍵字class宣告變數
#關於class,後期我會單獨寫一篇文章,詳細的介紹一下,這裡就簡單說一下: 首先透過看ES5中的建構函數,然後再用ES6的class去實作:
// ES5写法 : function fun ( x, y ){ this.x = x; this.y = y; }; fun.prototype.GetHair = function(){ return `${this.x}掉了两根头发,${this.y}说俺也一样!`; }; let setHair = new fun('小明','老王'); console.log(setHair.GetHair()); // 小明掉了两根头发,老王说俺也一样!
class Interest { constructor( x, y, e, z ){ this.x = x; this.y = y; this.e = e; this.z = z; } MyInterest(){ let arr = []; console.log(`我会${[...arr,this.x,this.y,this.e,this.z]}!`); } } let GetInterest = new Interest('唱','跳','rap','篮球'); console.log(GetInterest.MyInterest()); //我会唱,跳,rap,篮球!
6、用關鍵字import宣告變數
#import用於載入文件,在大括號接收的是一個或多個變數名,這些變數名需要與你想要匯入的變數名相同。
举个栗子:你想要导入action.js文件中的某一个变量,这个变量里保存了一段代码块,所以你要写成:import { Button } from 'action'
,这个时候,你就从action.js中获取到了一个叫 Button 的变量,既然获取到了,你就可以对Button里的代码猥琐欲为了
如果想为输入的变量重新取一个名字,import
命令要使用as关键字,将输入的变量重命名,比如:
import { NewButton as Button } from 'action.js';
上面的代码表示从action.js文件中,获取一个变量名称叫做Button的代码段,然后你又声明了一个变量 NewButton ,将 Button 保存在 NewButton
【相关推荐:javascript视频教程、web前端】
以上是es6宣告變數有幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!