Lecture8Object-OrientedJavaScript全解.ppt

* * Most people are used to regular object-oriented programming where types are defined by classes, which are usually closed (you cannot change them dynamically), and where they serve as blueprints for all instances of the class. Classes can organize themselves in a hierarchy, where every child class inherits all the attributes of its ancestor classes. JavaScript works in an entirely different way. Everything is an object, and every object is defined by a constructor function and this constructor’s prototype. A prototype is basically a repository of things (mostly methods) that all objects produced by the constructor function share. * * * * * * * 载入时分支 var getXHR = function () { if (window.XMLHttpRequest) { return function () { // 返回一个标准的XHR实例 }; } else { return function () { // 返回一个浏览器的XHR实例 }; } }(); // 注意: 父对象触发自我调用 运行时替换 var documentListFactory = function () { var out = []; // 只是一个简单的数组 // 重写默认的.push()方法 out.push = function (document) { Atotype.push.call(out, { document : document, timestamp : new Date().getTime() }); }; return out; }; 总结 学习工具 Firebug 对象和函数 JavaScript != Java 对象字面量, 数组字面量, JSON 函数: 对象, 可调用, 返回值 构造函数和原型( Prototype) 构造函数 , 构造函数属性 内置构造函数 , 约定 原型, __proto__ 链 继承 通过复制, 原型的 多态 载入时分支, 运行时替换 练习 在Firebug控制台中用JavaScript编写代码定义Employee , Manager , 和Secretary 的类 每个Employee拥有名字和薪水 每个 Manager 都是 Employee, 并且管理一组其他的Employees 每个 Secretary 都是Employee, 并为Manager 工作 给这些类添加方法 每个Employee 有一个show()方法，以字符串的形式返回自己 的名字和薪水 每个 Manager 有一个 getInferiors()方法，返回他的下属 每个Secretary 有一个getSuperior()方法， 返回他的老板 尝试使用两种不同的继承方式, 复制和原型 进阶阅读 JavaScript介绍 /wiki/JavaScript W3Schools JavaScript 教程/js/default.asp Mozilla Developer Center JavaScript 文档/en/javascript JavaScript面向对象编程 ，作者Mike Koss /jscript/object.htm JavaScript面向对象编程 Part 1 /article/oriented-programming-1 JavaScript面向对象编程 Part 2 /article/oriented-programming-2 Thank you! * * * * * * * * * * * * * * * * * * * * * * * * * * Web 2.0 P