JavaScript 面向对象基础

要掌握好 JavaScript，首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思维的干扰，全面地从函数式语言的角度理解 JavaScript 原型式面向对象的特点。
JavaScript 语言是通过一种叫做原型（prototype）的方式来实现面向对象编程的

认识面向对象

1、面向对象中的概念：
（1）：一切事物皆对象
（2）：对象具有封装和继承特性
（3）：对象与对象之间使用消息通信，各自存在信息隐藏

最基本的面向对象

字面式声明（literal notation）

var person={
    name:"miao",
    age:20,
    eat:function () {
        alert("能吃")
    }
}
alert(person.name);

函数构造器构造对象

每个构造器（constructor）实际上是一个函数（function）对象, 该函数对象含有一个“prototype”属性用于实现基于原型的继承（prototype-based inheritance）和共享属性（shared properties）。对象可以由“new 关键字 + 构造器调用”的方式来创建。

Java和JavaScript这两门语言的 new含义毫无关系，因为其对象构造的机理完全不同。JS 这里仅仅是借用了关键字 new，仅此而已；换句话说，完全可以用其它 非new 表达式来用调用构造器创建对象。

function Peroson() {

}
Peroson.prototype={
    name:"miao",
    age:20,
    eat:function () {
        alert("能吃")
    }
}
var p = new Peroson();
p.name
p.age
p.eat();

深入JavaScript面向对象

//信息封装
(function () {
    var n = "ime";
    function People(name) {
        this._name = name;
    }
    People.prototype.say = function () {
        alert("peo-hello"+this._name);
    }
    window.People = People;//提供一个外部接口
}());

(function () {
    function Student(name) {
        this._name = name;
    }

    Student.prototype = new People();  //Student继承People
    var superSay = Student.prototype.say;
    Student.prototype.say = function () {
        superSay.call(this);
        alert("stu_hello"+this._name);
    }
    window.Student = Student;
}());

var  s = new Student("miao");
s.say();

(function () {
    var n = "ime";
    function Person(name) {
        var _this = { }
        _this._name = name;
        _this.sayHello = function () {
            alert("p-hello"+_this._name+n);
        }
        return _this;
    }
    window.Person = Person;
}());
function Teacher(name) {
    var _this = Person(name);
    var superSay = _this.sayHello;
    _this.sayHello = function () {
        superSay.call(_this);
        alert("t-hello" + _this._name);
    }
    return _this;
}
 var t = Teacher("miao");
t.sayHello();

参考文献

全面理解面向对象的 JavaScript