2017-04-12 37 views
1

我對ionic2/Angular2/Typescript是全新的。我正在創建一個有八個切片的輪子。我很難申報變量。我如何聲明多個變量?如何在離子2/Angular2/typescript中聲明多個變量?

在javascript中我已經聲明象下面這樣:

function rand(min, max) { 
    return Math.random() * (max - min) + min; 
} 

    var color = ['#fbc','#f88','#fbc','#f88','#fbc','#f88', "#fbc", "#f67"]; 
    var label = ['10', '200', '50', '100', '5', '500', '0', "jPOT"]; 
    var slices = color.length; 
    var sliceDeg = 360/slices; 
    var deg = rand(0, 360); 
    var speed = 0; 
    var slowDownRand = 0; 
    var ctx = canvas.getContext('2d'); 
    var width = canvas.width; // size 
    var center = width/2;  // center 
    var isStopped = false; 
    var lock = false; 

    function deg2rad(deg) { 
     return deg * Math.PI/180; 
    } 

如何申報ionic2?

+0

不知道離子但打字稿使用可以使用'var'太多,但有鍵入'let',你可以使用本地範圍 –

回答

1

Ionic 2運行在Typescript之上,因此您可以按如下所示進行操作。

總是嘗試使用let.You can read why here

rand(min, max): your-return-type { 
    return Math.random() * (max - min) + min; 
} 

    let color = ['#fbc','#f88','#fbc','#f88','#fbc','#f88', "#fbc", "#f67"], 
     label = ['10', '200', '50', '100', '5', '500', '0', "jPOT"], 
     slices = color.length, 
     sliceDeg = 360/slices, 
     deg = rand(0, 360), 
     speed = 0, 
     slowDownRand = 0, 
     ctx = canvas.getContext('2d'), 
     width = canvas.width, 
     center = width/2, 
     isStopped = false, 
     lock = false; 

    deg2rad(deg): your-return-type2 { 
     return deg * Math.PI/180; 
    } 
+1

你也可以用同樣的'let'關鍵字來聲明所有的人喜歡'讓顏色= ...,標籤= ...,幻燈片= ...,....' – sebaferreras

+0

感謝您的好提示@sebaferreras – Sampath

+1

不客氣:) – sebaferreras

0

爲什麼要聲明如此多的變量?如果變量太多,最好在TypeScript中創建一個類,然後在你的類中創建一個對象,最後將這些值賦給類屬性。

class Wheel{ 
    public slices: string; 
    public speed: number; 
.... 
    } 

通過這種方式,您可以定義所有屬性並在需要使用的地方使用它們。