Javascript 普通函数和构造函数的区别(结合代码,详细解读)
普通函数和构造函数的区别
在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。
在函数调用的时候:
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 普通函数和构造函数的区别(结合代码,详细解读)的详细内容,更多请关注其它相关文章!
上一篇: 如何解决关于Vue背景图打包之后访问路径错误的问题
下一篇: Vue中v-for的数据分组实例
推荐阅读
-
javascript构造函数和原型(js构造函数和普通函数的区别)
-
javascript构造函数和原型(js构造函数和普通函数的区别)
-
Javascript 普通函数和构造函数的区别
-
JavaScript中的普通函数和箭头函数的区别和用法详解
-
Javascript 普通函数和构造函数的区别
-
匿名函数、立即执行函数、构造函数和普通函数使用方式的区别
-
javascript - js里面首字母大写的“构造函数”和一个类中双下划线开头的“构造函数”的区别?
-
javascript - js里面首字母大写的“构造函数”和一个类中双下划线开头的“构造函数”的区别?
-
JavaScript中的普通函数和箭头函数的区别和用法详解
-
JavaScript中的普通函数和箭头函数的区别和用法详解