首页 > 代码库 > JavaScript对象的创建之构造函数
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); //truealert(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); //truealert(p1.say == p2.say); //true
将行为设置为全局的行为,如果将所有的方法都设计成全局函数的话,这个函数就可以被window调用,此时就破坏了对象的封装性,
而且如果某个对象有大量的方法,就会导致整个代码中充斥着大量的全局函数,这样将不利于开发。
JavaScript对象的创建之构造函数
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。