ionic 2/Angular2/typescriptで複数の変数を宣言するにはどうすればいいですか？

Question

私はionic2/Angular2/Typescriptについて全く新しいです。私は8つのスライスを持つホイールを作成しています。私は変数の宣言に困難があります。複数の変数を宣言するにはどうすればよいですか？ 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に宣言していますか？

Answer 1

イオン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; 
    } 

Answer 2

なぜ非常に多くの変数を宣言したいのですか？非常に多くの変数がある場合は、TypeScriptでクラスを作成し、クラス内にオブジェクトを作成してから、最後にクラスプロパティに値を割り当てます。

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

このようにして、すべてのプロパティを定義して、使用する場所で使用できます。