JavaScript(js)函数声明与函数表达式的区别

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

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

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

 

那咱们来看看,这两种方式到底有什么不一样呢?code

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

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

 

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

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

 

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

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

console.log(a)
var a=1;

 

这段代码的执行结果是什么呢?undefined,这是否是很像咱们的函数表达式了,其实,若是说咱们在函数表达式以前也打印一下这个say1(),结果也是undefined,缘由就是带有var 的变量,固然这里说的是全局变量,它在预解析的时候会有一个变量提高,变量提高是什么意思呢,看上面这段代码,其实就至关于下面这段代码console

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

 

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

 

 

若是你以为对你有帮助的话,记得点个关注哦,我会持续更新更多你想知道的,谢谢!class

相关文章
相关标签/搜索