JavaScript面向对象编程入门

来源极客网

function Person() {
    var _this = {} //创建一个空的对象,接着我们利用这个"空的对象"承载Person的属性和方法
    _this.sayHello = function(){
        alert("PHello");
    }
    return _this; 
}

function Teacher_1() {
    var _this = Person();//注意这里的语法小括号
    return _this;
}

//演示覆写父类中的方法语法
function Teacher_2() {
    var _this = Person();
    _this.sayHello = function () {
        alert("Thello");
    }
    return _this;
}
//演示子类怎样调用父类的方法
function Teacher() {
    var _this = Person();
    var surperSay = _this.sayHello;     //1.通过"赋值"的代码思想进行处理
    _this.sayHello = function () {
        surperSay.call(_this) //2.通过call()方法进行强行调用
        alert("Thello");
    }
    return _this;
}

//调用我们创建对象Teacher
 var t = Teacher();
t.sayHello();//调用到我们在Person中声明的sayHello

自己随便定义html运行一下上面的代码,感受一下

//演示用一个函数将一个function包裹起来,然后执行它
//第5行增加传参的情况怎样处理
(function(){
    var n = "ime";
    function Person(name) {
        var _this = {} //创建一个空的对象,接着我们利用这个"空的对象"承载Person的属性和方法
        _this._name = name;
        _this.sayHello = function(){
            alert("PHello" + this._name + ":"+ n);
        }
        return _this; 
    }
    window.Person = Person; //表示将函数Person"挂"给全家变量,
}());//大括号右边的一对小括号,是必须有的,表示自运行
//演示了
function Teacher(name) {
    var _this = Person(name);
    var superSay = _this.sayHello;
    _this.sayHello = function () {
        superSay.call(_this);
        alert("Thello" + _this._name);
    }
    return _this;
}
var t = Teacher("iwen");
t.sayHello();

 例子3

//字面形式的Javascript面向对象
var person = {
    name:"James",
    age:30,
    eat:function(){
        alert("能吃")
    }
}
//给person添加一个属性

function Person(){

}
//使用Person的原型链添加属性和方法
Person.prototye={
    name="James",
    age:30,
    eat:function(){
        alert("我在吃");
    }
}
//使用new 使用这个对象
var p = new Person();//new仅仅是一个关键词,和Java,C#中的new作用完全不同