广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    javascript 用函数语句和表达式定义函数的区别详解

    2018-04-06 10:40:51 次阅读 稿源:互联网
    零七广告

    使用javascript多年,写过无数函数,今天却才真正弄明白两种函数定义的区别,真是悲剧,写下这个随笔, 以时刻提醒自己要打好基础 , 一大把年纪了, 不能继续懵懵懂懂了。

    通常我们会看到以下两种定义函数的方式:

    // 函数语句
    function fn(str)
    {
      console.log(str);
    };

    // 表达式定义
    var fnx=function(str)
    {
      console.log(str+ ' from fnx');
    };

    以前都是凭借自己手指的感觉随心所欲使用两者 -_- || ,今天看了js基础, 总算是解决了心中对他们的困惑:

    两种方式都创建了新的函数对象, 但函数声明语句的函数名是一个变量名, 变量指向函数对象, 和通过var声明变量一样,函数定义语句中的函数被显示地提前到了脚本或函数的顶部, 因此它们在整个脚本和函数内都是可见的,但是使用var 表达式定义函数, 只有变量声明提前了,变量初始化代码仍然在原来的位置, 用函数语句创建的函数, 函数名称和函数体均被提前,所以我们可以在声明它之前就使用它。

    代码例子如下:

       console.log(typeof(fn)); // function
        fn('abc'); // abc


        console.log(typeof(fnx)); // undefined

        if(fnx)
            fnx('abc');  // will not execute
        else
            console.log('fnx is undefined'); // fnx is undefined

        // 函数语句
        function fn(str)
        {
            console.log(str);
        };

        // 表达式定义
        var fnx=function(str)
        {
            console.log(str+ ' from fnx');
        };

    代码很简单, 希望和我之前一样没有弄明白两者区别的同学能有所收获 。

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告