码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript对象的创建之构造函数

时间:2014-09-03 19:39:07      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   使用   java   strong   ar   div   

通过构造函数的方式创建和基于工厂的创建类似,最大的区别就是函数的名称就是类的名称,按照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调用,此时就破坏了对象的封装性

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

 

JavaScript对象的创建之构造函数

标签:style   blog   color   io   使用   java   strong   ar   div   

原文地址:http://www.cnblogs.com/luogankun/p/3954297.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!