脚本宝典收集整理的这篇文章主要介绍了js实例教程-JavaScript函数：function专题，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

 function 函数名(参数列表...){     //函数功能代码 } 函数名();

 //定义了一个匿名函数，然后将这个函数的引用保存在了变量fn中，所以fn就可以指向这个函数在内存中的空间 //注：因为JavaScript不允许直接访问对象在内存中的位置，即不能直接操作对象的内存空间。必须通过引用来访问。 VAR fn = function(){     console.LOG(123); } fn();

 function sum(){     var a = 1;     var b = 2;     return a+b;  } sum();

 //自执行匿名函数 (function(){     show();//函数调用 })(); //函数的定义 function show(){     console.log("Hello World"); }

 fn(); //这才是函数的定义 function fn(){     console.log(111); }  function fn(){     console.log(111); } fn();

 fn1(); //严格来说，这不能称之为函数的定义，应该称之为：函数表达式 var fn1 = function(){     console.log(222); }

 fn1();  //Uncaught TyPEError: fn1 is not a function

 var fn1;//变量的定义可以提前，但是赋值不能提前 var abc;   var fn1 = function(){     console.log(222); }  var abc = '123';

前提

我们在刚开始学习JavaScript函数的时候，都是这样定义的：

 function 函数名(参数列表...){     //函数功能代码 } 函数名();

然后使用函数名()就可以调用之前定义好的函数，非常简单。

函数定义的不同写法：

 //定义了一个匿名函数，然后将这个函数的引用保存在了变量fn中，所以fn就可以指向这个函数在内存中的空间 //注：因为JavaScript不允许直接访问对象在内存中的位置，即不能直接操作对象的内存空间。必须通过引用来访问。 var fn = function(){     console.log(123); } fn();

上面的写法称为：函数表达式。

或者这么写：

 function sum(){     var a = 1;     var b = 2;     return a+b;  } sum();

上面的写法才称之为：真正的函数定义。

这两种写法的共同特点都是：先定义后调用。

但是在后来的学习过程中，却发现了如下这种写法：【即先调用后定义】

 //自执行匿名函数 (function(){     show();//函数调用 })(); //函数的定义 function show(){     console.log("Hello World"); }

刚开始学习JavaScript基础教程的时候，并没有涉及过多的函数知识，只是学到了一些函数的基本用法和调用方式。再加上自己学习的进度比较慢，也没有接触过其他的写法，导致脑海中一直存在着一种错误的看法：“函数必须先定义后使用”，自此以后这种错误的想法便根深蒂固了。当我第一次看到这种写法时一直迷惑不解，也不知道为什么可以使用这种形式调用。

后来，随着学习的深入，渐渐明白了这种写法的本质。

接下来，我就来说说最近学到的有关函数的一些知识点。

示例1：

 fn(); //这才是函数的定义 function fn(){     console.log(111); }  function fn(){     console.log(111); } fn();

分析：

这两种写法都正确，都不会报错。

因为存在预解析这个阶段，所以像示例1中这种函数的第一种写法，可以先调用后定义。

示例2：

 fn1(); //严格来说，这不能称之为函数的定义，应该称之为：函数表达式 var fn1 = function(){     console.log(222); }

分析：

（1）代码运行后会报错：

 fn1();  //Uncaught TypeError: fn1 is not a function

（2）如果先调用fn1()的话，js解析器还不知道fn1这个值是什么。

（3）因为给fn1赋值的操作还在它的下面，此时就会认为这个值是undefined。所以，解析器就会认为fn1目前还不是一个函数。

在示例1和示例2中，这两种函数写法的区别：

function关键字定义的函数，前者：可以先调用后定义。 var变量引用的函数，后者：只能先定义后调用，否则会报错。

具体原因如下：

javascript代码运行分为两个阶段：

1.预解析

当js解析器遇到js文件时，会先扫描一遍，即从头看到尾。

（这个过程相当于在饭店吃饭点菜时，要先浏览整个菜单看看都有哪些种类的饭菜，等浏览完毕后再执行点菜这个操作。）

2.执行

问：第一阶段主要做了哪些操作呢？

答：script标签里面的这些代码，js解析器会将里面的所有变量定义，函数定义，全部放在代码最前面的位置。

问：什么意思呢？

答：如下代码所示

 var fn1;//变量的定义可以提前，但是赋值不能提前 var abc;   var fn1 = function(){     console.log(222); }  var abc = '123';

结论：

（1）预解析阶段 —— 把所有的函数定义提前，所有的变量声明提前，但是变量的赋值不提前。

（2）执行期 —— 按照代码的逻辑，从上到下执行。

例外：setTimeout()、setInterval()、ajax中的回调函数、事件中的函数需要触发执行。

觉得可用，就经常来吧！Javascript技巧 脚本宝典 欢迎评论哦！ js技巧，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-JavaScript函数：function专题全部内容，希望文章能够帮你解决js实例教程-JavaScript函数：function专题所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。