189 8069 5689

JavaScript中构造函数的使用方法

这篇文章将为大家详细讲解有关JavaScript中构造函数的使用方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司长期为成百上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为临湘企业提供专业的成都网站建设、网站建设临湘网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

构造函数生成

this在开始时创建空,并在结束时返回填充的空

function Student(name age){
this.name=name;
this.age=age;
}
var student=new Student("张三","18");
var student1=new Student("李四","19");

JavaScript中构造函数的使用方法

在执行函数的过程时Student()时会执行以下步骤:

(1)创建并分配新的空对象this。

(2)函数体执行。通常它会修改this,为其添加新属性。

(3)this返回值。

同样,如果我们想要创建更多的student,我们可以调用new Student(),每次方法简单而且也易于阅读。

这是构造函数的主要目的:实现可重用的对象创建代码。

构造函数返回

一般情况下,构造函数没有return声明,他们的任务是将所需要的东西写入this,并自动生成结果。

但是如果有return的话,就会变得很简单了,比如return使用object调用,则返回的不是this,也就是return对象返回该对象,this则返回所有其他情况

例如,这里通过返回一个对象来return覆盖this

function Student() {
 this.name = "张三";
 return { name: "李四" };  //return 一个对象
 }
 console.log( new Student().name );

因为return 一个对象,所以返回的是return里面的值而不是this中的值

JavaScript中构造函数的使用方法

但是如果我们return的是一个空值,那么返回的就是this值

JavaScript中构造函数的使用方法

构造函数中的方法

构造函数不仅可以添加属性还可以添加方法,使构造函数来创建对象更加灵活

JavaScript中构造函数的使用方法

关于JavaScript中构造函数的使用方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站名称:JavaScript中构造函数的使用方法
网站链接:http://jkwzsj.com/article/ghoscj.html

其他资讯