1.2.1　全局函数

首先从大多数人熟悉的编程习惯开始，假如现在要使用JavaScript实现一个计算器的案例，如图1-2所示。

在图1-2中，前两个文本框用于输入需要计算的数值，下拉菜单用于选择运算符，单击等号后，计算结果会出现在第三个文本框。

实现计算器第一种常见的写法是全局函数形式，示例代码如demo1-1.html所示。

图1-2　计算器

demo1-1.html：

在上述代码中，首先获取需计算的数值、运算符、等号按钮和结果数值的DOM（文档对象模型）元素，然后分别定义了4个用来计算加、减、乘、除的函数，最后为等号按钮添加单击事件，通过switch语句判断调用哪个计算方法。

全局函数这种编程方式很常见，但是不可取，因为所有的变量和函数都暴露在全局，无法保证全局变量不与其他模块的变量发生冲突。另外，全局函数形成的模块成员之间看不出直接关系。