在這一步中，你改變的僅是 Dart 的代碼，你可以自己為你新建的類起個名字，當創(chuàng)建這個類的一個實例，隨機選擇一個名字和稱謂，或者你可以提供一個名字和稱謂給構造函數。

編輯 piratebadge.dart

在文件的頂部加入 import

import 'dart:html';
?
import 'dart:math' show Random;
piratebadge.dart

關鍵信息

• 使用 show 關鍵字，你可以只導入你需要的類，方法，和屬性。
• Random 提供了一個隨機數的發(fā)生器。

加入一個類的聲明在在文件的底部

...
class PirateName {
}

• 這個類的聲明給類提供一個名字

創(chuàng)建一個類級別的 Random 實體

class PirateName {
  static final Random indexGen = new Random();
}

• static 定義類級別的字段，就是說隨機數發(fā)生器被所有的類實例共享。
• Dart 編輯器強調靜態(tài)名字。
• 使用 new 調用一個構造函數。

在類中加入兩個成員變量,一個定義 first name ，一個定義 appellation 。

class PirateName {
  static final Random indexGen = new Random();
  String _firstName;
  String _appellation;
}

• 私有變量用(_).強調。Dart 沒有 private 關鍵字。

在類內創(chuàng)建兩個靜態(tài)的 List ，提供 names 和 appellations 兩個集合供選擇。

class PirateName {
  ...
  static final List names = [
    'Anne', 'Mary', 'Jack', 'Morgan', 'Roger',
    'Bill', 'Ragnar', 'Ed', 'John', 'Jane' ];
  static final List appellations = [
    'Jackal', 'King', 'Red', 'Stalwart', 'Axe',
    'Young', 'Brave', 'Eager', 'Wily', 'Zesty'];
}

• final 修飾的變量不能更改。
• 列表是 Dart 內置的，使用 List 來創(chuàng)建。

• List 類提供 API 給列表。

給類提供一個構造函數。

 class PirateName {
  ...
  PirateName({String firstName, String appellation}) {
    if (firstName == null) {
      _firstName = names[indexGen.nextInt(names.length)];
    } else {
      _firstName = firstName;
    }
    if (appellation == null) {
      _appellation = appellations[indexGen.nextInt(appellations.length)];
    } else {
      _appellation = appellation;
    }
  }
}

• 構造函數名和類名相同。
• 參數被包含在花括號 ({ }) 是可選的被命名的參數。
• nextInt() 函數得到一個隨機整數從隨機數發(fā)生器里。
• 使用方括號 ([ ]) 為列表添加索引。
• 使用 length 屬性返回列表中元素的個數。
• 代碼使用隨機數作為列表的索引。

提供一個 getter 給私有字段。

class PirateName {
  ...
  String get pirateName =>
    _firstName.isEmpty ? '' : '$_firstName the $_appellation';
}

• Getters 是一個特別的方法，提供訪問對象的屬性。
• 三元運算符 ?: 是 if-then-else 語句的簡略寫法。
• 字符串插入 ('$_firstName the $_appellation') 讓我們很容易從其他對象構建字符串。
• 大箭頭 ( => expr; ) 是 { return expr; } 語法的一個簡稱。

重寫 toString() 方法。

class PirateName {
  ...
  String toString() => pirateName;
}

• 因為對象實現(xiàn) toString() 方法沒有給很多的信息，很多類重寫 toString() 。
• 當你調用 print(anObject) 得到字符串，返回值是 anObject.toString() 得到的。
• 重寫 toString() 在的調試和輸出的時候特別有用。

修改 setBadgeName() 方法，使用 PirateName 而不是 String 。

void setBadgeName(PirateName newName) {
  querySelector('#badgeName').text = newName.pirateName;
}

• 代碼調用 getter 得到 PirateName 作為一個字符串。

更改 updateBadge() 基于輸入字段的值生成 PirateName 。

void updateBadge(Event e) {
  String inputName = (e.target as InputElement).value;
?
  setBadgeName(new PirateName(firstName: inputName));
  ...
}

• 調用構造函數給可選的命名參數提供一個值。

更改 generateBadge() 生成一個 PirateName 而不是使用 Anne Bonney。

void generateBadge(Event e) {
  setBadgeName(new PirateName());
}

• 在這種情況下，通過無參數調用構造函數。

運行應用

使用 File > Save All 保存。

運行應用正確點擊 piratebadge.html 并選擇 Run in Dartium 。

把你的應用和下面的比較。

在輸入框中輸入。刪除輸入字段。點擊按鈕。