最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:28:51
文档

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

Javascript普通函数和构造函数的区别:普通函数和构造函数的区别在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。在函数调用的时候:function fn() { } 构造函数:1. new fn( ) 2 .构造函数内部会创建一个新的对象,即f的实例 3. 函数内部的this指向 新创建的f的实例
推荐度:
导读Javascript普通函数和构造函数的区别:普通函数和构造函数的区别在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。在函数调用的时候:function fn() { } 构造函数:1. new fn( ) 2 .构造函数内部会创建一个新的对象,即f的实例 3. 函数内部的this指向 新创建的f的实例

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

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

在函数调用的时候:

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普通函数和构造函数的区别:普通函数和构造函数的区别在命名规则上,构造函数一般是首字母大写,普通函数遵照小驼峰式命名法。在函数调用的时候:function fn() { } 构造函数:1. new fn( ) 2 .构造函数内部会创建一个新的对象,即f的实例 3. 函数内部的this指向 新创建的f的实例
推荐度:
标签: js 的区别 javascript
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top