javascript创建对象,以及实现继承的方法

##Javascript创建对象
##关于js中的对象 原型 等等 强烈建议看《javaScript世界万物诞生记》很有意思且通俗易懂,感兴趣的可以看看。


常用的主要有三种模式:

  • 工厂模式
  • 构造函数模式
  • 原型模式

当然还有一些组合的模式,最常用的就是组合使用构造函数模式和原型模式,javascript高级程序设计一书有详细介绍。

  • 工厂模式
    用代码比较能说明,代码如下:

      function createAnimal(name,age){
      		var a=new Object();
      		a.name=name;
      		a.age=age;
      		a.run=function(){
      			alert(this.name+"is running!");
              }
      }
      var animal01 = createAnimal("cat",2);
    

#####*这种方式呢,是通过一个函数,来创建一个空对象,然后赋予属性,方法,然后再把这个对象作为函数的返回值,这个调用这个函数就能创建对象了。工厂模式虽然解决了创建多个相似对象的问题,但却没有解决对象识别的问题(即怎样知道一个对象的类型),所以便有了构造函数模式 *

  • 构造函数模式
    可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。

      function  Person(name,age,job){
          this.name=name;
      	this.age=age;
          this.job=job;
          this.eat=function(){
      	    alert(this.name+'is eatting!');
          }
      }
    

    //实例

      var person1=new Person('xiaoming',18,'student');
      var person2=new Person('xiaohong',18,'student');
    

创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型; 而这正是构造函数模式胜过工厂模式的地方。

  • 原型模式
    我们创建的每个函数都有一个 prototype (原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。如果按照字面意思来理解,那么 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。换句话说,不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中,例子如下:

      function Person(){
      }
      Person.prototype.name = "Nicholas";
      Person.prototype.age = 29;
      Person.prototype.job = "Software Engineer";
      Person.prototype.sayName = function(){
      	alert(this.name);
      };
      var person1 = new Person();
      person1.sayName(); //"Nicholas"
      var person2 = new Person();
      person2.sayName(); //"Nicholas"
      alert(person1.sayName == person2.sayName); //true
    

##Javascript中的继承
通过原型方式继承

//-----继承的第一种方法:通过借助一个中间对象来实现正确的原型链
	//Parent的构造函数
	function Parent(name,age){
		this.name=name;
		this.age=age;
		this.say=function(){
			alert("I am Parent private function!!");
		}
	}
	Parent.prototype.study=function(){
		alert("我是Praent原型上的函数!");
	}
	//child的构造函数
	function Child(name,age){
		this.name=name;
		this.age=age;
		this.say=function(){
			alert("I am child private function!!");
		}
	}
	

	
	function F(){};//空函数F
	
	F.prototype=Parent.prototype;//把F的原型指向Parent的原型
	
	Child.prototype=new F();//把child的原型指向一个新的F对象,F对象的原型正好指向Parent.prototype:
	
	Child.prototype.constructor=Child;//把Child的原型的构造函数修复为Child:
	
	var aaa=new Child();
	aaa.say();
	aaa.study();	
	//----------可以把继承封装成一个函数inherits(),隐藏中间函数F,优化代码
   function inherits(child,parent){
		var f=function (){};
		f.prototype=parent.prototype;
		child.prototype=new f();
		child.prototype.constructor=child;
   }
   
   inherits(Child,Parent);
   var bbb=new Child();
   bbb.study();
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值