[计算机软件及应用]利用JSJQuery构建JAVA EE前端应用组件.docVIP

一、JavaScript的强大特性 1. JavaScript是现今最流行、应用最广泛的语言之一。 2. JavaScript最强大的特性是其灵活性。你可以采用函数式的编程风格，也可以采用更复杂的面向对象编程风格。那些较为传统的服务器端编程语言具有的面向对象特性，JavaScript都有。 例子：开启和停止一段动画 1）过程式设计方法 function startAnimation(){ ? ? } function stopAnimation(){ ? ? } 优点？缺点？ 2）面向对象的设计方法 /*Animation Class*/ function?Animation?(){ ? ? } Animation.prototype.start = function(){ ? ? }; Animation.prototype.stop = function(){ ???? }; /*usage*/ var myAnim = new Animation(); myAnim.start(); myAnim.stop(); 优点？缺点？ 另一种写法： Animation.prototype = { ? ? start: function(){ ????}, ? ? stop: function(){ ????} }; 不同的编码风格在代码篇幅、编码效率和执行性能方面各有特点。 3. JavaScript是弱类型语言 在JavaScript中，定义变量时不必声明其类型，但这并不意味着变量没有类型。一个变量属于哪种类型，完全取决于它当前所包含的数据，它可以根据所赋的值改变类型。 JavaScript有三种原始类型：布尔值、数值型、字符串类型。JavaScript不区分整数与浮点数，他们都属于数值类型。 对象类型和包含可执行代码的函数类型。对象类型是一种复合数据类型，数组是一种特殊的对象。 空类型（null）和未定义类型（undefined）。 html head script type=text/javascript var a = null; var b; alert(a : + a); alert(b : + b); alert(a == b : + (a == b)); alert(a === b : + (a === b)) /script /head body ? ? ? ? /body /html 4. 函数本身即是对象 在JavaScript中，函数本身即是对象，它们可以存储在变量中，可以作为参数传递给其他函数，也可以作为返回值从其他函数传出，还可以在运行时进行构造。这些特性为JavaScript带来了极大的灵活性和创造性。 1. 创建匿名函数，赋值给变量 var anonymous = function(){ ? ? ... } 匿名函数最有趣的用途就是用来创建闭包。闭包是一个受保护的变量空间，由内嵌函数生成。JavaScript具有函数级的作用域。这意味着定义在函数内部的变量在函数外部是不能被访问的。JavaScript的作用域又是词法性质的。这意味着 函数运行在定义它的作用域中，而不是在调用它的作用域中。把这两个因素结合起来，就能通过把变量包裹在匿名函数中而对其加以保护。 例子： var baz; (function(){ ? ? var a = 1; ? ? var b = 2; ? ? baz = function(){ ????? ? return a + b; ????} })(); baz(); 5. 对象的易变性 在JavaScript中，一切都是对象（除了那三种原始数据类型，布尔型、数值型和字符串型，但即便是这些类型，在必要的时候，也会被自动包装为对象），而且所有的对象都是易变的。 这意味着你能使用一些在大多数别的语言中不允许的技术，例如在函数定义之外为函数添加属性。 /*Class definition*/ function Person(name, age) { ??this.name = name; ??this.age = age; } Person.prototype = { ??getName = function(){ 牋牋? ?return this.name; 牋牋}, ??getAge = function(){ 牋牋??return this.age; 牋牋} }; /*Instantiate the class*/ var alice = new Person(Alice, 12); var bill = new Person(Bill, 15); /*Modify the class*/ P