zoukankan      html  css  js  c++  java
  • JavaScript(js)函数声明与函数表达式的区别

    在JavaScript中,函数是经常用到的,在实际开发的时候,我想很多人都没有太在意函数的声明与函数表达式的区别,但是呢,这种细节的东西对于学好js是非常重要的。

    函数声明与函数表达式用代码写出来是这样的:

    //函数声明
    function say(){
        console.log("函数声明")
    }
    //函数表达式
    var say1 = function(){
        console.log("函数表达式")
    }

    那我们来看看,这两种方式到底有什么不同呢?

    首先,在函数调用方面,看下面的代码

    say();
    //函数声明
    function say(){
        console.log("函数声明")
    }

    这样的执行结果是什么呢?答案是打印出“函数声明”,那你看下面的代码

    say1();
    //函数声明
    function say(){
        console.log("函数声明")
    }
    //函数表达式
    var say1 = function(){
        console.log("函数表达式")
    }

    这样的执行结果是什么呢?注意,我们是调用的函数表达式,这样的结果是会报错,为什么呢?

    一起来看看,首先我们先说第一种,函数声明的调用,函数声明的调用这个其实不用讲你就知道,函数声明了嘛,哪里都可以调用的(function会有预解析,预解析之后函数就存在了,所以那里都能调用它了)。至于下面这种函数表达式,为什么在函数表达式上面执行会报错呢?来看看下面的代码

    console.log(a)
    var a=1;

    这段代码的执行结果是什么呢?undefined,这是不是很像我们的函数表达式了,其实,如果说我们在函数表达式之前也打印一下这个say1(),结果也是undefined,原因就是带有var 的变量,当然这里说的是全局变量,它在预解析的时候会有一个变量提升,变量提升是什么意思呢,看上面这段代码,其实就相当于下面这段代码

    var a;
    console.log(a);
    a=1;

    现在知道了吧,a这个变量是存在的,并且初始化成了一个undefined,所以说我们的函数表达式也是一样的,它也有变量提升,在将函数赋值给你定义的变量之前,调用就会报它不是函数的错,而打印出来就是undefined,是不是很好理解呢,学到了吗?

    如果你觉得对你有帮助的话,记得点个关注哦,我会持续更新更多你想知道的,谢谢!

    微信搜索:全栈学习笔记

    微信公众号

  • 相关阅读:
    日志规范实践
    序列化和反序列化及Protobuf 基本使用
    简述TCP网络编程本质
    笔记:多线程服务器的适用场合(1)
    聊聊同步、异步、阻塞与非阻塞(转)
    《EntrePreneur》发刊词
    make和makefile简明基础
    luogu P3687 [ZJOI2017]仙人掌 |树形dp
    luogu P3172 [CQOI2015]选数 |容斥原理
    luogu P4513 小白逛公园 |线段树
  • 原文地址:https://www.cnblogs.com/swzx-1213/p/12485937.html
Copyright © 2011-2022 走看看