我是靠谱客的博主 怕孤单大白,最近开发中收集的这篇文章主要介绍JavaScript中构造函数与普通函数的区别,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

先来看一下函数与构造函数的小例子

函数的定义

function sum(a,b){
var c=a+b;
return c;
}
console.log(sum(1,2));

构造函数的定义

function sum(a,b){
this.a=a;
this.b=b;
this.c=console.log(a+b);
}
var c1=new sum(1,2);
console.log(c1);

两者输出相同,都为3

  • 函数的函数体中包含函数,变量,返回值
  • 构造函数的函数体中包含属性和方法
  • 函数的调用是直接函数本身(形参)
  • 构造函数使用 ‘new’ 关键字来调用其中的方法

    ps:如果普通函数使用new关键字来调用,或者构造函数不使用new关键字来调用行不行?

答案是可以的,但是因为函数中定义的是变量,返回值,而new关键字返回的是属性与方法,所以函数在使用new返回的时候为空,反之,如果构造函数不使用new关键字的话,会返回其中的变量和返回值等,因为构造函数中只有属性和方法所以返回为undefind(return的默认返回值)

最后

以上就是怕孤单大白为你收集整理的JavaScript中构造函数与普通函数的区别的全部内容,希望文章能够帮你解决JavaScript中构造函数与普通函数的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(35)

评论列表共有 0 条评论

立即
投稿
返回
顶部