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作用完全不同