JavaScript百炼成仙 1(3)

//函数体

document.write(“This is My First Function!
”);

}

“这是第一种定义函数的方法，也是最为常用的方法。哦，对了里面的document.write方法表示用JavaScript向页面输出一段话。接下来，我再来讲讲第二种方法。”说着，叶小凡又随手打出一段代码流。

var a = function(){

document.write(“This is My Second Function!”);

}

“这便是第二种定义函数的方法了，和第一种方法有所不同，体现在第二种定义函数的方法需要先定义一个变量，比如var a,然后还是用function关键字去定义一个函数，再把这个函数赋值给变量a。因为最后要赋值给变量a的，因此这里定义函数的时候就不需要加上函数的名字了，这就是其中一个区别。用这种方法定义出来的函数，函数的名字就是变量的名字，也就是说，我要去调用这个函数，就这样做。”

a();

“哗众取宠，这两种方法本质上有什么区别，不都是一样调用么？”对面弟子对叶小凡的讲解嗤之以鼻。

“这自然是有区别的，刚才我讲了第一个区别，现在说第二个区别，这第二个区别，就体现在函数的调用上。”说着，叶小凡又随手打出一段代码流。

a();

var a = function(){

document.write(“This is My Second Function!”);

}

“这位师兄，你说我这段代码可以成功调用函数a么？”

“你这不废话么，当然可以了！”

“好，那师兄请看。”叶小凡开始执行代码。

函数七重关（1）.html?__hbt=1539409418311:38 Uncaught TypeError: a is not a function

at 函数七重关（1）.html?__hbt=1539409418311:38

众人看得亲切，之间代码直接报错了！对面弟子瞬间不说话了，场面一度有点尴尬。

“如果是用第一种方法定义的函数，把调用语句放在前面，是可以成功调用的。”

myFunction();

//定义函数

function myFunction(){

//函数体

document.write(“This is My First Function!
”);

}

代码运行，成功在页面上打印出：This is My First Function!

众人一下子又炸开了锅，有的大弟子一脸得难以置信。就连尹曾琪也对叶小凡稍微侧目，场外的罗丹面色则更加凝重。

“导致这种情况的原因是，如果用第一种方法去定义的函数，会被提前加载，因此调用语句可以写在函数的定义之前，因为那个时候函数已经被加载完毕了。而用第二种方式定义的函数，是不会被提前加载的。换句话说，必须要执行到函数定义的语句时，才会加载这个函数，正因为这个道理，刚才的代码才会直接报错。因为在调用a函数的时候，a函数还没有加载啊，那么强行调用一个不存在的函数，自然是不被允许的咯！”

“接下来，我再举一个例子来说明这个情况吧。”说着，叶小凡又随手打出一段代码流。

console.log(a);

var a = function(){

alert(“函数被调用了！”);

}

console.log(a);

代码运行后的结果，一如叶小凡所言，第一个a打印出来是undefined，表示未定义。第二个a打印出来就是具体的函数了，说明这个时候函数a已经被加载完毕！

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！