美文网首页
构造函数

构造函数

作者: 任仪凡 | 来源:发表于2018-08-03 20:51 被阅读0次

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

在很多面向对象语言中都有类的概念,但是在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方法放在原型对象上,那么两个实例对象都共享着同一个方法。

相关文章

  • Flutter 6种构造函数详解

    Flutter有生成构造函数、默认构造函数、命名构造函数、重定向构造函数、常量构造函数、工厂构造函数 一.生成构造...

  • C# 构造函数总结

    构造函数 构造函数分为:实例构造函数,静态构造函数,私有构造函数。 实例构造函数 1、构造函数的名字与类名相同。 ...

  • Javascript 基础之原型链

    构造函数、构造函数实例、构造函数原型 function Student (name) { } - 这是构造函数va...

  • Swift基础语法-类的构造函数

    本节知识点 构造函数的介绍 构造函数的基本使用 自定义构造函数 属性与构造函数 1. 构造函数的介绍 构造函数类似...

  • C++:面向对象基础

    构造函数 C++中有三种构造函数:默认构造函数,有参构造函数,拷贝构造函数 类对象的初始化 括号法//默认构造函数...

  • 构造函数

    构造函数分为: 1.实例构造函数 2.私有构造函数 3.静态构造函数 私有构造函数 私有构造函数是一种特殊的实例构...

  • Dart整理

    Dart构造函数 普通构造函数和命名构造函数 默认构造函数一个类没有声明构造函数,默认会有一个无参构造函数,声明了...

  • Kotlin面向对象 (3)✔️构造函数

    主构造函数次构造函数默认构造函数 kotlin中的构造函数有主次之分,主构造函数只能有一个,此构造函数可以有多个。...

  • [C++之旅] 10 构造函数

    [C++之旅] 10 构造函数 构造函数的特点 构造函数在对象实例化时被自动调用 构造函数与类同名 构造函数没有返...

  • Java基础-3 构造函数

    构造函数: 构造函数的作用: 给对应的对象进行初始化。 构造函数的格式: 构造函数要注意的细节:1. 构造函数是...

网友评论

      本文标题:构造函数

      本文链接:https://www.haomeiwen.com/subject/ppwuvftx.html