JavaScript 是一個模棱兩可的語言,就像大多數腳本語言一樣,它可以應用于各種運行環境。如,即可以找到一個服務端使用的 JavaScript 引擎,也可以嵌入到一個大型的桌面應用程序。然而,當我們描述 Haxe 的 JavaScript 時,是特指在多數瀏覽器中使用的 JavaScript 引擎。
盡管瀏覽器中使用的 JavaScript 在各瀏覽器之間不盡相同,而 Haxe 平臺則在其編譯后的輸出中提供了許多功能,可以幫助在不同瀏覽器之間架起橋梁,所以在一個瀏覽器中運行的代碼可以在其他瀏覽器有相同或相似的表現。這是從目標環境把語言分離出來的一個額外的好處,Haxe 就做到了這一點。
就像上面的例子,你可以編譯它輸出 JavaScript,只要在原來的 `.hxml` 文件上做一個小小的修改,替換后的內容如下:
~~~
-js helloworld.js
-main HelloWorld
~~~
和之前一樣,需要做的只是改變第一個開關為 `-js` 然后修改輸出文件擴展名為 `.js` 。
編譯后會生成一個名為 `helloworld.js` 的文件。然而,你還不能運行這個文件。
第一,你需要創建一個 HTML 文件調用你的 JavaScript 代碼。它不像Flash, JavaScript 是和 HTML 緊密相關的。JavaScript DOM(文檔對象模型)提供一個映射到一個HTML 文檔的層級結構,并暴露鉤子到每個HTML元素。因此,需要一個HTML頁面來調用它相關的 JavaScript 文檔,而不是讓 JavaScript 代碼自己運行。
創建一個新的文檔,叫做 `helloworld.html`,用文本編輯器打開它,然后鍵入以下內容:
~~~
<html>
<head>
<title>Hello World</title>
</head>
<body>
<script type="text/javascript" src="helloworld.js"></script>
</body>
</html>
~~~
現在保存文件到應用目錄,然后在一個瀏覽器中打開它。
在Haxe 3中,由于 `trace()` 函數和更早的Haxe 版本的行為有所不同。本書是基于 Haxe 3 進行學習,所以忽略掉之前版本的行為。剛剛打開的頁面,你應該不會在頁面上看到任何輸出內容。但是打開瀏覽器的控制臺面板,就可以看到和用瀏覽器打開 Neko 文件時差不多的輸出內容(trace方法生成的JavaScript腳本,默認使用的是 `console.log()` 方法):
> Hello world!
- 本書目錄
- 第一章:Haxe介紹
- 互聯網開發的一個問題
- Haxe是什么,為什么產生
- Haxe編譯工具
- Haxe語言
- Haxe如何工作
- 那么Neko是什么
- Haxe和Neko的必須條件
- 本章摘要
- 第二章:安裝、使用Haxe和Neko
- 安裝Haxe
- 使用Haxe安裝程序
- 在Windows上手動安裝Haxe
- Linux上手動安裝Haxe
- 安裝Neko
- Windows上手動安裝Neko
- 在Linux上安裝Neko
- Hello world! 一式三份
- 編譯你的第一個Haxe應用
- 你的程序如何編譯
- HXML編譯文件
- 編譯到Neko
- 編譯為JavaScript
- 程序結構
- 編譯工具開關
- 本章摘要
- 第三章:基礎知識學習
- Haxe層級結構
- 標準數據類型
- 變量
- 類型推斷
- 常數變量
- 簡單的值類型
- 浮點類型
- 整型
- 選擇數值類型
- 布爾類型
- 字符串類型
- 抽象類型
- Void 和 Null
- 動態類型
- unknown類型
- 使用untyped繞過靜態類型
- 注釋代碼
- 轉換數據類型
- Haxe數組
- Array
- List
- Map
- Haxe中使用日期時間
- 創建一個時間對象
- Date組件
- DateTools類
- 操作數據
- 操作符
- Math類
- 使用String函數
- 本章摘要
- 第四章:信息流控制
- 數據存放之外
- 條件語句
- if語句
- switch語句
- 從條件語句返回值
- 循環
- while循環
- for循環
- 循環集合
- Break和Continue
- 函數
- 類的函數
- 局部函數
- Lambda類
- 本章摘要
- 第五章:深入面向對象編程
- 類和對象
- 實例字段
- 靜態字段
- 理解繼承
- Super
- 函數重載
- 構造器重載
- toString()
- 抽象類和抽象方法
- 靜態字段,實例變量和繼承
- 繼承規則
- 使用接口
- 高級類和對象特性
- 類的實現
- 類型參數
- 匿名對象
- 實現動態
- Typedef
- 擴展
- 枚舉
- 構造器參數
- 本章摘要
- 第六章:組織你的代碼
- 編寫可重用代碼
- 使用包
- 聲明一個包
- 隱式導入
- 顯式導入
- 枚舉和包
- 類型查找順序
- 導入一個完整的包
- 導入庫
- Haxe標準庫
- Haxelib庫
- 其他項目中的庫
- 外部庫
- 使用資源
- 文檔化代碼
- 離線文檔
- 在線文檔
- 單元測試
- haxe.unit包
- 編寫測試
- 本章摘要
- 第七章:錯誤調試
- trace函數
- trace輸出
- haxe的trace和ActionScript的trace
- 異常
- 異常處理
- CallStack和ExceptionStack
- 異常管理類
- 創建完全的異常處理類
- 異常類代碼
- 本章摘要
- 第八章:跨平臺工具
- XML
- XML剖析
- Haxe XML API
- 正則表達式
- EReg類
- 模式
- 定時器
- 延遲動作
- 隊列動作
- MD5
- 本章摘要
- 第九章:使用Haxe構建網站
- Web開發介紹
- Web 服務器
- 使用Web服務器發布內容
- HTML速成課程
- Haxe和HTML的區別
- NekoTools Web Server
- Apache安裝mod_neko
- Windows安裝Apache和mod_neko
- Linux安裝Apache和Mod_Neko
- 第一個Haxe網站
- 使用Neko作為網頁Controller
- neko.Web類
- Neko作為前端控制器
- 本章摘要
- 第十章:使用模板進行分離式設計
- 什么是模板
- Template類
- Template語法
- 使用資產
- 何時在模板中使用代碼
- 服務器端模板的Templo
- 安裝Templo
- 使用Templo
- haxe.Template和mtwin.Templo表達式上的區別
- Attr表達式
- Raw表達式
- 邏輯表達式
- 循環表達式
- set, fill, 和 use表達式
- Templo中使用宏
- 手動編譯模版
- 第十一章:執行服務端技巧
- 第十二章:使用Flash構建交互內容
- 第十三章:使用IDE
- 第十四章:通過JavaScript制作更多交互內容
- 第十五章:通過Haxe遠程通信連接所學
- 第十六章:Haxe高級話題
- 第十七章:Neko開發桌面應用
- 第十八章:用SWHX開發桌面Flash
- 第十九章:多媒體和Neko
- 第二十章:使用C/C++擴展Haxe
- 附加部分