浅谈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函数的多种定义方法与区别就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
JS获取鼠标点击时的位置

vue、nginx部署后刷新报404错误的解决方法

electron-builder配置项

VUE聊天页面自动滚动到底部

VUE CTRL+ENTER换行,ENTER发送消息