javascript 面向对象

时间:14-08-28 栏目:Javascript 作者:zongyan86 评论:0 点击: 6,289 次

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开发分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: javascript 面向对象

关注我们