Web的结构、行为和表现及JavaScript 语言特性

标准的Web 组成应该包括3 部分：结构、行为和表现。这种思想最早在微软设计的
DHTML模型中初步提出来，但是很不规范，也不成系统。后来，W3C（World Wide Web
Consortium，万维网联盟）组织规范了Web 的构成。根据W3C 制订的标准，Web 标准不
是某一个标准，而是一系列标准的集合。完整的Web 应该由以下3 部分组成：

• 结构（Structure）
• 表现（Presentation）
• 行为（behavior）

这 3 部分对应的实现技术如下。

• 结构标准语言：主要包括XHTML和XML。
• 表现标准语言：主要包括CSS。
• 行为标准语言：主要包括W3C DOM、ECMAScript。

 

上面各种标准语言大部分由W3C组织制订，但是部分标准也由其他标准组织制订，如
ECMA（European Computer Manufacturers Association，欧洲计算机厂商协会）制订的
ECMAScript。

 

 

1.2 审视 JavaScript 语言特性

 

JavaScript 是一门灵活的脚本语言
JavaScript 是一种轻型的、解释型的程序设计语言。因此，JavaScript 一般被作为嵌入
式脚本使用，这也使其具有强大的灵活性。可以说，灵活性是JavaScript 的灵魂，你可以
把程序写得很简单，简单到只是一行验证脚本；当然也可以写得很复杂，复杂到一个庞大
的技术框架，例如，Google地图就是一个很庞大的JavaScript应用项目。
JavaScript从诞生起就没有被定式化，在成长中不断兼容并取，所以它支持多种不同的
编程风格。你可以采用函数式编程风格，也可以采用面向对象的编程风格。或者你完全抛
弃函数式编程或面向对象编程，同样能够写出复杂的程序。
最简单的JavaScript 程序可能就是一个函数，一个简单的函数可能就是一个表达式，
但是这个表达式却能够高效完成复杂的任务。如果说，把JavaScript 视为一个可爱的机器
猫，随意的玩几个特效，这也无伤大雅，但是，即使是这个机器猫，也足以杀死一头怪兽。
这正是JavaScript语言的可爱之处，也是它的儒雅风格。
JavaScript不欺生，也不耍大牌。对于编程的门外汉，简单的学习即可快速上手，即使你不是编程高手，随意耍弄JavaScript，也能够乘风破浪、虎虎生风。为了帮助你更直观地
体验JavaScript 语言的灵活性，下面我们结合一个简单的示例进行说明，这个示例讲述了
如何使用不同的方法设计一个简单的IO 接口对象。

 

1．过程化设计
如果以过程式程序设计的方法来设计一个简单的IO接口，实现的代码如下：
function set(x){ // 传入
this.x = x;
}
function get(){ // 传出
return this.x;
}
这种做法很简单，但你无法有效保存操作的数据和状态。

 

2．定义原型方法
不过，我们可以为上面两个函数定义一个类，然后把两个函数绑定到类的原型对象上。
这样如果需要使用它们，只需要把这个类创建为实例对象，最后再调用对象的方法即可。
这样就把函数有机地整合到一个类结构中，避免过程化设计的松散。
// 定义类
var Box = function(){}
// 定义类的原型方法
Box.prototype.set = function(x){ // 传入
this.x = x;
}
Box.prototype.get = function(){ // 传出
return this.x
}
// 创建类的实例对象
var box = new Box(); // 类的对象
box.set(10); // 传入值
var a = box.get(); // 读取值
alert(a); // 返回10
上面示例演示了如何定义名为Box 的类，然后又如何为类定义原型方法get()、set()。
什么是原型和原型方法，简单地说就是对象的公共方法。
3．封装原型方法
如果你感觉上述程序写法还是很松散，那么我们也可以这样来封装原型方法：
// 定义类
var Box = function(){}
Box.prototype = { // 原型对象
set : function(x){ // 传入
this.x = x;
},
get : function(){ // 传出
return this.x
}

}
这样就与传统的面向对象编程中类结构有点接近了，即把方法都封装在类的结构中。