javascript中Function类型详解

更新时间：2015年04月28日 08:58:42 投稿：hebedich

这篇文章主要介绍了javascript中Function类型详解的相关资料,需要的朋友可以参考下

Function 类型

　　function类型，毋庸置疑是js中相当重要的一个玩意。

　　1.这玩意首先是一个对象，也就是说它是一个引用类型。陈述：一听说是对象，是不是很有一种它的基类是object对象错觉感，No，

它和object是独立的2个东西。当你typeof function 时，返回的是 funciton 并非 object

　　2.每个函数都是 Function 对象的一个实例，它与其他引用对象一样具有属性和方法。由于它是对象所以函数名是指向函数对象的指针

关于函数的声明的语法支持：

<script>

  //方式1
  function fun(num1,num2){
    return num1+num2;
  }
  
  //方式2
  var fun=function(num1,num2){
    return num1+num2;
  };

  //方式3
  var fun=new Function("n1","n2","return n1+n2");
  
</script>

讲解：3种方式都能完成一个函数的声明，但各有不同。

方式1 理解为一个函数的声明，方式2，方式3理解为函数表达式。(方式3不推荐使用，原因会导致解析2次代码，先解释常规ECMAScript代码，在解释传入的参数，这种

写法，参数可以是N个，但是最后一个参数视为函数主体)

为什么说不同，主要在于，js解析器对函数声明和函数表达式解析的不同。解析器会优先读取函数申明，js引擎在执行时会将函数声明自动放到执行环境的最顶端。

而函数表达式则不同，当执行到函数表达式时，才会真正去被解释执行。关于这点理解很重要！

看代码

<script>
  console.log(typeof fun); //"function"
  console.log(typeof fun2); //"undefined"
  console.log(typeof fun3); //"undefined"
  function fun(n1,n2){
   return n1+n2;
  }
  var fun2=function(n1,n2){
   return n1+n2;
  }
  var fun3=new Function("n1","n2","return n1+n2;");
 </script>

　　3.为什么函数没有重载？

　　这个问题要从js的语言特性来考虑。在第2条已经说了，函数名称只是指向函数对象的一个指针。根据指针的概念去理解就清楚了。

　　看代码示例：

<script>
  function fun(n1){
   return n1+100;
  }
  function fun(n1){
   return n1+200;
  }
  console.log(fun(1));// 201 
  
  //以上写法在解析后应为
  
  var fun=function(n1){
    return n1+100;
  }
  fun=function(n1){
   return n1+200;
  }
  
  // fun 的引用被覆盖了
  console.log(fun(1));// 201 
 </script>

今天就写到这，都是写基本概念，希望对这块有盲点的起到帮助！有什么需要指正的地方，希望各位霸气留言指正。

以上所述就是本文的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

Javascript编写俄罗斯方块思路及实例
本文主要给大家介绍的是使用javascript编写俄罗斯方块小游戏的思路和具体的实例代码，有需要的小伙伴可以参考下
2015-07-07
第一次记录Bootstrap table学习笔记（1）
这篇文章主要为大家介绍了第一次学习Bootstrap table表格插件的笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
js函数的延迟加载实现代码
延迟加载的函数，第一次调用后，会覆盖原来的老函数，以后再次调用的是新函数，不会再进行条件的判断，提升效率
2012-10-10
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
这篇文章主要介绍了JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2019-01-01
小程序实现留言板
这篇文章主要为大家详细介绍了微信小程序实现留言板，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
JavaScript判断当前时间是在某个时间点之前/之后
本文主要介绍了JavaScript判断当前时间是在某个时间点之前/之后，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
关于moment.js的常用方法及使用说明
这篇文章主要介绍了关于moment.js的常用方法及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
屏蔽script注入小例子
有关script注入想必大家也有所了解，在本文将为大家介绍下如何屏蔽script注入，下面有个不错的示例大家可以感受下
2013-11-11
javascript 数组排序函数
javascript的数组排序函数 sort方法，默认是按照ASCII 字符顺序进行升序排列。
2009-08-08
原生js拖拽功能制作滑动条实例代码
这篇文章主要介绍了原生js拖拽功能制作滑动条实例教程,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-02-02