JavaScript对象的创建之构造函数

通过构造函数的方式创建和基于工厂的创建类似,最大的区别就是函数的名称就是类的名称,按照java的约定,第一个字母大写。

使用构造函数创建对象时,在函数内部是通过this关键字来完成属性的定义

function Person(name, age){
    this.name = name;
    this.age = age;
            
    //带来的问题是所有的对象都会为该行为分配空间
    this.say = function(){  //注意:say也是Person的一个属性
        alert(this.name + "-->" + this.age);
    }
}

//通过new Person来创建对象
var p1 = new Person("Leon",22);
var p2 = new Person("Ada",32);
p1.say(); 
p2.say();
alert(typeof p1); //object

//使用构造函数的方式可以通过以下方式来检测对象的类型
alert(p1 instanceof Person);  //true
alert(p1.say == p2.say);     //false  由于方法是定义在类中的,所有这两个say不是一样的

 

使用构造函数创建所带来的第一个问题就是每一个对象都会存在一个方法的拷贝,如果对象的方法很多的话,空间的占有率就会大大增加

 

如何改进?可以将函数放在全局变量中定义,这样可以让类中的行为/方法指向同一个函数。

function Person(name, age){
    this.name = name;
    this.age = age;
            
    this.say = say;
}

function say(){
    alert(this.name + "-->" + this.age);
}

var p1 = new Person("Leon",22);
var p2 = new Person("Ada",32);
p1.say(); 
p2.say();

alert(p1 instanceof Person);  //true
alert(p1.say == p2.say);     //true

将行为设置为全局的行为,如果将所有的方法都设计成全局函数的话,这个函数就可以被window调用,此时就破坏了对象的封装性

而且如果某个对象有大量的方法,就会导致整个代码中充斥着大量的全局函数,这样将不利于开发。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。