Dojo 在基于Web 的应用程序中越来越受到欢迎。很多开发人员是 Java™ 编程方面的能手，但是在 JavaScript 方面却缺乏经验。从强类型、面向对象的编译语言转向动态的、弱类型脚本语言，开发人员需要经历概念跃迁带来的困难。这种混乱使开发人员很难正确地声明 Dojo 类。本文将帮助梳理这种混乱，解释为何必须设置上下文，以及如何实现它。
简介
如果您是一名只有很少或根本没有 JavaScript 经验的开发人员，在接触 Dojo 时可能需要掌握一些必要的概念。Dojo 的一个主要问题是（在撰写本文之际），它仍然处于其婴儿期（版本 1.0 在 2008 年 2 月份才发布），并且可用的文档仍然非常有限。本文将帮助您理解 Dojo 和 Java 代码之间的联系，使您在开发应用程序时可以快速入手并掌握这个工具箱。
本文并没有介绍如何获得 Dojo 工具箱或一些必要的使用指令，因为已经有大量的资源提供了此类信息。本文主要针对从 servlet 开发转向 Dojo 的 Web 开发人员。
JavaScript hash
需要面对的主要挑战之一就是理解在调用 Dojo 函数时使用的语法，特别是 “hash” 或 JavaScript 对象。hash 被表示为使用逗号间隔的一组属性，并且使用大括号括起。清单 1 显示了一个简单的例子，它声明了一个包含 6 个属性的 hash：一个字符串、一个整数、一个布尔值、一个未定义的属性、另一个 hash 和一个函数。
var myHash = {
str_attr : "foo",
int_attr : 7,
bool_attr : true,
undefined_attr : null,
hash_attr : {},
func_attr : function() {}
}; |
注意，JavaScript 是弱类型的，因此尽管每个属性被初始化为一个与其名称相关的值，但仍然需要把 str_attr 属性设置为一个整数或布尔值（或其他任何类型）。使用 dot 操作符可以访问或设置 hash 中的每个属性（参见清单 2）。
// Accessing a hash attribute... console.log(myHash.str_attr); // Setting a hash attribute... myHash.str_attr = "bar"; |
myHash 的前四个属性的含义不言自明。事实上，hash 可以拥有 hash 属性，这并不奇怪。（可以将这看作类似于原语和对象的 Java 类）。这是需要理解的最后一个重要属性。
函数和对象
尽管 Java 代码中有一个 java.reflection.Method 类，但它实际上只充当方法的包装器。在 JavaScript 中，该函数可以是任何可设置、引用和作为参数传递给其他函数的对象。通常，像在 Java 方法调用中声明匿名 inner 类一样，也需要在函数调用中声明新函数。
Java 方法和 JavaScript 函数之间的另一个重要区别是 JavaScript 函数可以运行在不同的上下文中。在 Java 编程中，使用 this 关键字引用所使用类的当前实例。当在 JavaScript 函数中使用时，this 引用该函数运行的上下文。如果没有指定，函数将在定义它的闭包中运行。
在最简单的情况下，闭包可以被看作是使用大括号（{}）包含的任意 JavaScript 代码。JavaScript 文件内部声明的函数可以使用 this 访问在文件主体中声明的任何变量，但是在 hash 内声明的函数只能使用 this 引用在 hash 内部声明的变量，除非提供其他上下文。
由于经常需要使用封闭的函数作为 Dojo 函数的参数，因此理解如何设置上下文将省去大量的调试工作。
用于指定上下文的主要 Dojo 函数是 dojo.hitch。您可能从不使用 dojo.hitch，但必须了解它是 Dojo 的关键部分，很多函数都在内部调用它。
清单3 展示了上下文连接的工作原理（其输出显示在图 1 中）：
◆在全局上下文（globalContextVariable）中定义一个变量，在一个 hash 上下文（enclosedVariable）中声明另一个变量。
◆函数 accessGlobalContext() 可以成功访问 globalContextVariable 并显示其值。
但是，enclosedFunction() 只可以访问其本地变量 enclosedVariable（注意 globalContextVariable 的值显示为 “未定义”）。
◆使用 dojo.hitch 将 enclosedFunction() 连接到全局上下文，这样就可以显示 globalContextVariable（注意，enclosedVariable 现在为 “未定义”，因为它不是在运行 enclosedFunction() 的上下文中声明的）。
清单 3. 闭包和上下文
var globalContextVariable = "foo";
function accessGlobalContext() {
// This will successfully output "foo"...
console.log(this.globalContextVariable);
};
var myHash = {
enclosedVariable : "bar",
enclosedFunction : function() {
// Display global context variable...
console.log(this.globalContextVariable);
// Display enclosed context variable...
console.log(this.enclosedVariable);
}
};
console.log("Calling accessGlobalContext()...");
accessGlobalContext();
console.log("Calling myHash.enclosedFunction()...");
myHash.enclosedFunction();
console.log("Switch the context using dojo.hitch...");
var switchContext = dojo.hitch(this, myHash.enclosedFunction);
switchContext();
|
责任编辑：小草
