Javascript 普通函数和构造函数的区别(结合代码,详细解读)

这篇文章主要介绍了javascript 普通函数和构造函数的区别的相关资料,需要的朋友可以参考下

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

在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。

在函数调用的时候:

function fn() { }

立即学习“Java免费学习笔记(深入)”;

     构造函数:1. new fn( )
                     2 .构造函数内部会创建一个新的对象,即f的实例
                     3. 函数内部的this指向 新创建的f的实例
                     4. 默认的返回值是f的实例

     普通函数:1. fn( )
                     2. 在调用函数的内部不会创建新的对象
                     3. 函数内部的this指向调用函数的对象(如果没有对象调用,默认是window)
                     4. 返回值由return语句决定 

 构造函数的返回值:

     有一个默认的返回值,新创建的对象(实例);
     当手动添加返回值后(return语句):

          1. 返回值是基本数据类型–>真正的返回值还是那个新创建的对象(实例)
          2. 返回值是复杂数据类型(对象)–>真正的返回值是这个对象 

看一个常见的面试题

  function foo() {    var f2 = new foo2();    console.log(f2);  //{a: 3}    console.log(this); //window    return true;  }  function foo2() {    console.log(this); //foo2类型的对象 不是foo2函数//    this.age = 30;    return {a: 3};  }  var f1 = foo();  console.log(f1); // true

登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

nodejs+express实现文件上传案例详解

JS生成时间列表并输出

webpack.config.js参数使用案例

以上就是Javascript 普通函数和构造函数的区别(结合代码,详细解读)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2760826.html

(0)
上一篇 2025年3月8日 09:24:23
下一篇 2025年3月8日 09:24:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论