300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > JavaScript对象的创建之构造函数

JavaScript对象的创建之构造函数

时间:2023-12-26 13:52:07

相关推荐

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调用,此时就破坏了对象的封装性

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。