Question

对于角度2的新手，我对这个冒号操作符:很困惑，为什么以及何时应该使用它？ hero:Hero语句的含义是什么：

onSelect(hero: Hero): void {
    this.selectedHero = hero;
}

谢谢。

Answer 1

这里＆＃39;英雄＆＃39;是类型＆＃39; Hero＆＃39;的类型的变量。

这类似于

void onSelect(Hero hero){
       this.selectedHero = hero;
}

在Java中，selectedHero是一个类变量。

Answer 2

这就像尝试输入变量一样。因此，您的hero变量具有Hero类型，并且您的函数不会返回任何此类:void。与此相同的是，我认为仅适用于开发，无论如何在运行时只保留javasript。

Answer 3

首先，:与TypeScript而非Angular 2相关。

使用两个点（在本例中）来指定函数中传递的参数的类型。

<强>实施例

数字类型：

function add(x: number, y: number): number {
    return x + y;
}

字符串类型：

function buildName(firstName: string, lastName: string) {
return firstName + " " + lastName;
}

事件类型：

class Handler {
    onClickGood(this: void, e: Event) {
        console.log('clicked!');
    }
}

班级类型：

class Animal {
    numLegs: number;
}

class Bee extends Animal {
    keeper: BeeKeeper;
}

function buildName(A: Animal, B: Bee) {
    //code....
}

Answer 4

冒号:是TypeScript中所谓的类型注释。

类型注释可用于变量，函数参数和函数返回值。

变量演示

let num: number = 1;
let str: string = 'foo';
let bool: boolean = false;

功能参数演示

public function doSomething( num: number, str: string, bool: boolean){
 /*some logic*/
}

函数返回值演示

public function doSomething(): void {
 //this function returns nothing
}

public function doSomethingElse(): boolean{
 // This function must return a boolean
 return true;
}

冒号运算符的含义为angular2

4 个答案: