27

一、构造函数:

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

        在很多面向对象语言中都有类的概念,但是在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,并且有两个属性和一个方法。但是,它们的hobby方法是不一样的。也就是说,每当你使用new来调用构造函数放回一个对象实例的时候,都会创建一个hobby方法。这既没有必要,又浪费资源,hobby方法完全可以被两个对象实例共享。         

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

 为了解决构造函数的对象实例之间无法共享属性的缺点,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方法放在原型对象上,那么两个实例对象都共享着同一个方法。

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

推荐阅读更多精彩内容

  • JavaScript(面向对象+原型理解+继承+作用域链和闭包+this使用总结) 一、面向对象 1、什么是面向对...
    老头子_d0ec阅读 304评论 0 0
  • (一)函数 1.函数基本声明 function fun([参数1],[参数2],...){ 函数体; }; 2....
    妖妖灵嘛0阅读 309评论 0 0
  • Scala与Java的关系 Scala与Java的关系是非常紧密的!! 因为Scala是基于Java虚拟机,也就是...
    灯火gg阅读 3,479评论 1 24
  • 我的愿望是世界和平 提高一些人的素质
    易曰辰阅读 220评论 0 0
  • 今天,我们来到西北第一公园。 到达公园门口,我们看见一块大石头上面写着“川西北第一公园。” ...
    疯狂的少女阅读 327评论 0 0