JavaScript构造函数和普通函数的区别

快乐打工仔 分类:实例代码

JavaScript构造函数和普通函数的区别属于前端实例代码,有关更多实例代码大家可以查看

这两者之间的区别可能对于初学者有一定的困扰,其实区分两者是非常简单的,下面就简单介绍一下。

无论是构造函数还是普通函数,它们总归是函数,它们的调用方式决定了它们是哪种类型,先看一段代码实例:

function func(name,address){
  this.webName=name;
  this.webAddress=address;
}

以上代码是一个函数的声明,它就是一个函数,不过它的使用方式决定了它是否是构造函数:

一.构造函数:

var myOb=new func("犀牛前端部落","青岛市南区");
myOb.webAddress;//青岛市南区
myOb.webName;//犀牛前端部落

通过new操作符来调用函数,那么这个函数就是作为构造函数来使用。也就是说任何函数都可以作为构造函数。

二.普通函数:

func("犀牛前端部落","青岛市南区");
window.webName;//犀牛前端部落
window.webAddress;//青岛市南区

这里的就是作为普通函数使用,this是指向window对象的。

总结:

它们两者的区别就是如此简单,使用new操作符调用的就是作为构造函数使用,其他的使用方式就是普通函数。任何函数都可以作为构造函数和普通函数使用。

JavaScript构造函数和普通函数的区别,这样的场景在实际项目中还是用的比较多的,关于JavaScript构造函数和普通函数的区别就介绍到这了。

回复

我来回复
  • 暂无回复内容