JavaScript的面向对象设计

朴灿烈づ我的快乐病毒、 2022-06-12 09:50 237阅读 0赞

转载请注明出处:http://blog.csdn.net/horkychen

依据W3C School的定义,Javascript是面向对象的语言, 虽然没有类(class),但到处是对象. 可以理解只有定义而没有声明, 直接用就行. 其中的每个对象都可以理解为一组Key-Value的组合.

附上W3C School的说明:

* 面向对象语言的要求*

*  一种面向对象语言需要向开发者提供四种基本能力：*

1.  *封装* *-**把相关的信息（无论数据或方法）存储在对象中的能力*
2.  *聚集* *-**把一个对象存储在另一个对象内的能力*
3.  *继承* *-**由另一个类（或多个类）得来类的属性和方法的能力*
4.  *多态* *-**编写能以多种方法运行的函数或方法的能力*

*ECMAScript**支持这些要求，因此可被是看做面向对象的。*

下面就是一比较规矩的对象定义 (以下的例子参考了<<JavaScript高级程序设计>>):

*var person = new Object();*

* person.name = "Horky";*

* person.age = 40;*

* person.job = "Software Engineer";*

* person.sayName = function()\{*

*document.write(this.name);*

*\}*

调用方式:

***person**.**sayName**();*

*  document.write(" Age: ");*

*  document.write(**person.age**);*

*  *

*  document.write(" Job: ");*

*  document.write(**person\["job"\])**;*

嗯,是的,所有属性都是public的,而且有两种不同的属性访问方式. (关于访问性的限定可以由属性(property)的特性(attribute)来设定.)

再一种是比较随意而且切中Key-Value的定义方式, 但是老版本的浏览器可不见得支持:

*var person = \{*

* name: "Horky",*

* age: 40,*

* job: "Software Engineer",*

* sayName: function()\{*

*document.write(this.name);*

* \}*

*\};*

因为Javascript的变量本质是松散类型,说白了就是无政府主义型. 所以并不需要一开始就给出完整定义,而是像下面这样也是允许的 (展示需要,绝不推荐):

*   var person = new Object();*

*   person.name = "Horky";*

*   person.sayName = function()*

*   \{*

*       document.write(this.name);*

*    \}*

*    person.sayName();*

*    person.age = 40;*

*    document.write(" Age: ");*

*    document.write(person.age);*

*    person.job = "Software Engineer";*

*    document.write(" Job: ");*

*    document.write(person\["job"\]);*

也不是没有限制. 如果第一句改为下面这样可就不行了:

var person;  或者 var person = "Undefined";

原因还是在Javascript中基本数据类型和引用类型还是泾渭分明的.

回顾一下前面所讲的JavaScript拥有面向对象的特性,前面两点不用多说, 引用类型就比较明显具备, 第三点稍后再说. 关于多态, 其实真有点牵强, 个人觉得更像是C/C++中的可变参数的函数. 因为这里的多态针对函数而言. 也就是一个函数的参数可以很随性, JavaScript也懒得限定,一切交给开发者吧.结果还整出一个多态来. 结合建构子举个例子吧:

*function Person(name, age, job)*

*\{*

*this.name = "Mr Nobody!";*

*this.age = 0;*

*this.job = "Hard to say!";*

*switch(arguments.length)*

*\{*

*case 3:*

*this.job = job;*

*case 2:*

*this.age = age;*

*case 1:*