javascript 面向对象

1.认识面向对象

  1）一切事物皆对象

  2）对象具有封装，继承的性质

  3） 信息隐藏

2.基本面向对象

1）字面式：

var Site={
     name:'web开发',//属性
     age:'2',      
     gotourl:function(){  //方法
     console.info("http://www.kuaipao8.com");
     }
}

Site.hit=10000;//给他再加属性

console.info(Site.name);

2）函数构造器方式：

function Site(){
}
Site.prototype={
     name:'web开发',
     age:'2',
     gotoUrl:function(){
     console.info("http://www.kuaipao8.com");
     }
}

var s=new Site();
s.age;

深入面向对象：

function People(name){

this._name=name

}
People.prototype.say=function(){
  console.info("Hi"+this._name);
}

funciton Student(name){

this._name=name;
}
Student.prototype=new People();//继承1
var superSay=Student.protype.say;//3
Student.prototype.say=function(){//复写方法2
   superSay.call(this);//调用父类方法3
   console.info("Hello"+this._name);
}
var stu=new Student('web开发');
stu.say();

封装信息

闭包：避免全局变量影响，并封装信息。

(function(){

      ......

      window.Person=Person;//提供对外接口

}())

(function(){
   var n="xx";
   function People(name){
      var _this={};
     _this._name=name;
     _this.sayHello=function(){
      console.info(_this._name+n);
     }
    return _this;
   }
   window.People=People;
}());

web开发分享