浅谈js函数的多种定义方法与区别

227 阅读 0 评论 150 点赞

我是靠谱客的博主无私海燕，最近开发中收集的这篇文章主要介绍浅谈js函数的多种定义方法与区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

定义一个函数一般有如下三种方式：

1.函数关键字(function)语句：

function fnMethodName(x){ 
alert(x); 
}

2.函数字面量(Function Literals)：

var fnMethodName = function(x){alert(x);}

3.Function()构造函数：

var fnMethodName = new Function(‘x', ‘alert(x);')

上面三种方法定义了同一个方法函数fnMethodName，第1种就是最常用的方法，后两种都是把一个函数复制给变量fnMethodName，而这个函数是没有名字的，即匿名函数。实际上，相当多的语言都有匿名函数。

示例如下：

【第一种-函数关键字(function)语句】

<script type="text/javascript">

  function add(num1,num2)
    { 
    return num1+num2+200;
    }
  var sum=add(122,10000);
  window.document.write(sum);

</script>

【第二种-函数字面量(Function Literals)：】

  <script type="text/javascript">

    var add=function(num1,num2)
      { return num1+num2+200;}
    var sum=add(122,300);
    window.document.write(sum);
  </script>

【第三种-Function()构造函数：】

<script type="text/javascript">
    var add=new Function("num"," return num+200");//此时Function 这种方法用的比较少
    var sum=add(122);
    window.document.write(sum);

</script>

以上这篇浅谈js函数的多种定义方法与区别就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。