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
- 附加部分