javascript中function的定义方式function a(){}和a=function(){}

发布时间:2020-09-18编辑:脚本学堂
本文介绍下,javascript中的二种function定义方式,分别是function a(){}和a=function(){}。有兴趣的朋友可以一起研究下。

javascript中,有两种函数定义方法,分别是:
function a(){}和a=function(){}

大多数情况,二者的调用是一致的,偶有些应用场合下是有区别的。

方式1:
 

复制代码 代码示例:

<script>
function a(){
  alert('old'); 
}

var b=a;

function a(){
  b();
  alert('new');   
}

a();//浏览器就会出现内存溢出的情况
</script>

方式2:
 

复制代码 代码示例:

<script>
function a(){
  alert('old'); 
}

var b=a;

var a=function(){
  b();
  alert('new');   
}

a();//浏览器就会按顺序alert出‘old’和‘new’
</script>
 

这里就可以很明显区分两个方式的区别了。定义的顺序不同。
第一种,刚开始其实没有重新定义 a 这个function 而在里面执行了其本身。
第二种方式, a = function () 这里没有执行到 function 里面的代码 a 已经被重新定义了。所以这里的重定义是有效的

再补充几个小例子吧。

例1:
 

复制代码 代码示例:
<script>
function a(){
  alert('old'); 
}
var b=a;
function a(){
  b();
  alert('new');   
}
</script>
 

编译时: 首先a被定义为alert("old"), 接着又被定义成b();alert("new");
运行时: b = function a(){b();alert("new");}, 此时b和a一样, 函数体中直接调用b, 无论从a调用还是从b调用结果都一样, 产生堆栈溢出

另外,
 

复制代码 代码示例:
<script>
function a(){
  alert('old'); 
}
var b=a;
var a=function(){
  b();
  alert('new');   
}
<script>
 

编译时: a被定义为alert("old")
运行时: b=function a(){alert("old")}; a=function(){b();alert("new")}; 此时b的函数体中不包括ab中任何一个, a只调用b... 无论怎样都不会产生堆栈溢出...

一般来说,都会用第一种的写法来避免代码污染,但如果需要保留原function,就要用第二种写法,两种方法都是符合w3c的。
第一种写法是优化后的写法,建议重点关注。