js第十六章

一、构造函数:


说构造函数的概念之前我们应该先了解类的概念,类与对象的概念息息相关,我们在讲对象的概念的时候说过,一只猫是一个对象,一个人是一个对象,一章桌子也是一个对象,那么我们平时说的猫,人,桌子在没有特定指出是哪一个对象的时候,我们其实说的就是类。我们身边有人类,猫也是一个类,任何有相同属性和方法的对象我们都可以称他们为一个类。


在很多面向对象语言中都有类的概念,但是在javascript(es5)中没有类。而我们可以通过构造函数来模拟一个类。


            function Cat(){

this.name='miaomiao';

this.age=12;

this.sayName=function(){

console.log('我们是猫类');

}

}

var cat=new Cat();

console.log(cat.name);

cat.sayName();


构造函数的函数名首字母大写,可以通过在函数中的this为类设置属性和方法,我们在上面的代码中为猫这个类定义了一个name属性,并赋值为"miaomiao",类创建完成后,我们可以通过new关键字创建这个类的实例。例如cat这个变量就是Cat类的一个实例。


我们可以通过传参的方式,在实例化对象的时候为对象设置属性


           function Cat(name,age){

this.name=name;

this.age=age;

this.sayName=function(){

console.log('我是'+this.name);

}

             }


          var cat=new Cat('mioamiao',12);

          cat.sayName();

          console.log(cat);



一个构造函数可以生成多个对象的实例


           function Person(name,age){

           this.name=name;

           this.age=age;

           this.say=function(){

console.log('大家好');

           }

           }

           var lily=Person('lily',12);

           var lucy=Person('lucy',13);

           console.log(lily);

           console.log(lucy);

           console.log(lily.say==lucy.say);


一个构造函数Person生成了两个对象实例lily和lucy,并且有两个属性和一个方法。但是,它们的say方法是不一样的。也就是说,每当你使用new来调用构造函数放回一个对象实例的时候,都会创建一个hobby方法。这既没有必要,又浪费资源,say方法完全可以被两个对象实例共享。           


构造函数的缺点就是:同一个构造函数的对象实例之间无法共享属性或方法。


 为了解决构造函数的对象实例之间无法共享属性的缺点,js提供了prototype属性。


每一个构造函数都有一个prototype属性,这个属性指向一个原型对象,这个原型对象上的所有属性和方法都可以被这个构造函数的实例使用


function Person(name,age){

this.name=name;

this.age=age;

}

Person.prototype.hobby=function(){

return 'movie';

}

var girl=new Cat('rose',12);

var boy=new Cat('jack',18);

console.log(girl.hobby==boy.hobby);


如果将hobby方法放在原型对象上,那么两个实例对象都共享着同一个方法

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,808评论 2 17
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,195评论 0 13
  •   面向对象(Object-Oriented,OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意...
    霜天晓阅读 2,135评论 0 6
  • var a = 1; console.log(typeof a);// 'number' var b = '1';...
    zdnexus阅读 336评论 0 0
  • 20170326安靜 国足等了胜利 31年,孙悟空等了唐僧500年,易小川等了玉漱 2000年,司音等了墨渊...
    阿芜阅读 264评论 0 0