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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript 普通函数和构造函数的区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1123字，纯文字阅读大概需要2分钟。

内容图文

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

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

在函数调用的时候：

function fn() { }

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

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

 构造函数的返回值：

     有一个默认的返回值，新创建的对象（实例）；
     当手动添加返回值后（return语句）：

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

看一个常见的面试题

<script>
  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
</script>

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

内容总结

以上是互联网集市为您收集整理的Javascript 普通函数和构造函数的区别全部内容，希望文章能够帮你解决Javascript 普通函数和构造函数的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端