從AngularJS2談到前臺開發工程化

纔剛剛對AngularJS有些瞭解，又聽聞AngularJS2早就鋪天蓋地了，AngularJS3剛剛夭折，AngularJS4今年已經發布了，仍是學習先下AngularJS2吧，聽說更加適合以移動爲主的開發，AngularJS4也是兼容2的。剛看一點點資料，就瞭解到還有個TypeScript,原來AngularJS2 基於TypeScript進行開發。

看來TypeScript纔是新鮮貨，先貼個代碼看看

class Student {
    fullName: string;
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person : Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

var user = new Student("Jane", "M.", "User");

document.body.innerHTML = greeter(user);

有後臺基礎開發人員一看就喜歡，採用VS2013（須要安裝組件），編譯之後就是規範的JS代碼。

學習TypeScript的語法規範基本沒啥難度，主要是各類各樣的工具（Grunt\Gulp\NPM\Bower）、命令，還須要安裝node.js等等，前臺開發早已經工程化，須要管理引用，須要編譯代碼。想一步就跳入到前臺開發的行列仍是很有難度。爲了方便開發人員在Visual Studio這個集成環境中使用這些工具進行開發，微軟出了白皮書。

下載白皮書下載地址：http://www.microsoft.com/en-us/download/details.aspx?id=46417