Javascript 普通函数和构造函数的区别
2016-11-05 09:07
609 查看
普通函数和构造函数的区别
在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。
在函数调用的时候:
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>
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- JS THIS 深入浅出 JavaScript 中的 this && 理解javascript函数调用和 this ** Javascript 普通函数和构造函数的区别
- ** Javascript 普通函数和构造函数的区别 && JS----构造函数与原型prototype 区别
- Javascript中普通函数和构造函数的区别
- JavaScript总结学习一:js中构造函数与普通函数的区别
- [转]JavaScript中的普通函数与构造函数
- 构造函数和普通函数区别
- 构造函数与普通函数的区别
- 关于javascript中的构造函数和普通函数探索 [转]
- JS中构造函数和普通函数有什么区别
- JavaScript中的普通函数与构造函数
- js中普通函数和构造函数的区别
- js中普通函数和构造函数的区别
- 构造函数与普通函数的区别
- 关于javascript中的构造函数和普通函数探索
- 构造函数与普通 函数的区别
- 构造函数与普通函数的区别
- 构造函数与普通函数的区别
- C++ 中使用构造函数初始化列表和普通构造函数内部初始化的区别
- JavaScript中的普通函数和箭头函数的区别和用法详解
- 普通函数和构造函数的区别