码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 函数引用和函数调用

时间:2016-08-05 11:57:36      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:

先看下面的代码:

 1 // 函数引用 代码一
 2 function f(){
 3     var x = 5;
 4     return x;
 5 }
 6 var a = f;
 7 var b = f;
 8 
 9 console.log(a===b); // true
10 // 函数调用 代码二
11 function f2() {
12     var x = 5;
13     return x;
14 }
15 var a2 = f2();
16 var b2 = f2();
17 console.log(a2 === b2);
18 
19 // 函数调用 代码三
20 function f3(){
21     var x = 5;
22     return function(){
23         return x;
24     }
25 }
26 var a3 = f3();
27 var b3 = f3();
28 console.log(a3 === b3); // false

以上代码:代码一是函数引用的例子,代码二是函数调用的例子,返回都为 true;代码三也是函数调用的例子,但是返回 false 。

 

我们现在来理解下函数引用和函数调用的本质区别:

当引用函数的时候,多个变量内存存储的是函数的相同的入口指针,因此对于同一个函数来讲,无论多少个变量引用,他们都是相等的。对于引用类型(对象,数组,函数等)比较的都是内存地址,如果他们内存地址一样的话,说明是相同的

但是对于函数调用来讲,比如代码三,每次调用的时候,都被分配一个新的内存地址,他们的内存地址不相同,所以返回 false,但是对于代码二来讲,我们看到他们没有返回函数,只是返回数值,他们比较的不是内存地址,而是比较值,他们的值相等,所以返回 true

 

我们也可以看看下面实列化一个对象的列子,他们也被分配到不同的内存地址,因此返回 false,如下代码测试:

1 function F(){
2     this.x = 5;
3 }
4 var a = new F();
5 var b = new F();
6 console.log(a === b); // false

 

学习资源:理解函数引用和函数调用的区别

 

JavaScript 函数引用和函数调用

标签:

原文地址:http://www.cnblogs.com/xiaochechang/p/5740482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!