如何在离子 2/Angular2/打字稿中声明多个变量

Question

我对ionic2/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 中声明？

Answer 1

Ionic 2 运行在 Typescript.So 你可以这样做

，如下所示。

总是尝试使用让。你可以在这里阅读原因。

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;
....
    }

通过这种方式，您可以定义所有属性并在您想要使用的任何位置使用它们。