在JavaScript中定义一个函数,有两种写法:
function ftn(){} // 第一种 var ftn = function(){} // 第二种
有人说,这两种写法是完全等价的。但是在解析前,前一种写法会被解析器自动提升到代码的头部,因此违背了函数先定义后使用的原则,所以建议定义函数时候,全部采用后一种写法。
看完这句话,我第一个感觉是两个在使用时候是完全一致的,只是解析上有所差异。但是他的解释“前一种写法会被解析器自动提升到代码的头部”让我很困惑。
如是我有了下面第一个测试:
<script type="text/javascript"> function ftn() { alert('old'); } var b = ftn; function ftn() { b(); alert('new'); } ftn();//浏览器报内存溢出 </script>
接下来我做了第二个测试:
<script type="text/javascript"> var ftn = function() { alert('old'); } var b = ftn; var ftn = function() { b(); alert('new'); } ftn();//old,new依次弹出 </script>
网上的对这个解释是:第一种方式,刚开始其实没有重新定义ftn这个Function而在里面执行了其本身。第二种方式,ftn=function()这里没有执行到Function里面的代码ftn已经被重新定义了,所以这里的重定义是有效的。
如果不怎么清楚,那么我再做了一个下面的测试:
<script type="text/javascript"> function ftn() { alert('old'); } var b = ftn; function ftn() { b(); alert('new'); } alert(b);//结果是重新定义的ftn内容 </script>
测试结果发现,重新定义ftn后,b的内容也会随着改变。下面我又做了两外一个测试:
<script type="text/javascript"> var ftn = function() { alert('old'); } var b = ftn; var ftn = function() { b(); alert('new'); } alert(b);//结果是老的ftn内容 </script>
这样就很有意思了,在JavaScript里面除了基本数据类型,其他类型都是对象,对象是存在堆里面,它的别名是存在栈里面的地址,后一种测试很明显可以用这样的原理来理解。那么前面的测试为什么b会随着ftn的重新定义而改变了?
我有一种新解释,不知道对不对,在所有的讲JavaScript书里都会提到,JavaScript里面是没有方法重载的,后面定义的重名function会覆盖前面的function,var b = ftn;这句话是把b和ftn的引用指向同一个堆里面的内存,而重新定义function ftn(){}后,新的function对象覆盖了老的对象,而b和ftn引用的堆地址空间没变,如果真是这样,那么这种写法就合理了:
<script type="text/javascript"> function ftn() { alert('old'); } var b = ftn; var ftn = function() { b(); alert('new'); } alert(b);//老的ftn alert(ftn);//新的ftn ftn();//old ,new </script>
这样新的ftn在栈里面的地址改变了,指向了新的function对象的定义,而原来的function没有被覆盖,还保存,所以b还是老的ftn引用的地址。
刚刚写了一篇对JavaScript里面function理解的文章,回头再思考下我这边文章的内容,觉得自己通过测试的结果的理解还是有点问题,其实理解还是要从编译,运行的原理进行思考。JavaScript都是在执行代码时候才编译代码,因此我们var定义的类型可以不定,我们封装的对象还时候添加属性和方法,因此可以这么理解我标题所带来的问题,javascript一般的语言,例如定义一个变量var obj = new Object()只是做了一个很初的处理,在JavaScript里面叫做预编译,这种预编译的能力很弱,弱到你可以随便更改,而不会影响程序的运行,当对象被调用时候,JavaScript解释器才会进行编译,然后运行代码,这和java很不一样,java是先把代码编译好,调用他的时候才运行,这就是脚本语言的特点,所以脚本语言大多不快。但是当你这么定义函数:fonction ftn(){},这种就把代码进行了编译,也就是执行过了,这种写法和java函数的定义很相似了。这是我的新解,我觉得这个解释更加合理些。
JavaScript的“编译”只是检查有没有代码错误,不会运行代码,你可以试试在function里面随便写东西测试一下。预加载,先是function,再是var。上面的代码中,只有demo1和demo3受到影响,demo1和demo3的源代码顺序function - var - function,应用预加载后的顺序:function - function - var,预加载后的完整代码:
<script type="text/javascript"> //demo1 function ftn() { alert('old'); } function ftn() { b(); alert('new'); } var b = ftn; ftn();//浏览器报内存溢出 </script>
<script type="text/javascript"> //demo3 function ftn() { alert('old'); } function ftn() { b(); alert('new'); } var b = ftn; alert(b);//结果是重新定义的ftn内容 </script>
预加载大概就这么样了。

Python和JavaScript在开发环境上的选择都很重要。1)Python的开发环境包括PyCharm、JupyterNotebook和Anaconda,适合数据科学和快速原型开发。2)JavaScript的开发环境包括Node.js、VSCode和Webpack,适用于前端和后端开发。根据项目需求选择合适的工具可以提高开发效率和项目成功率。

是的,JavaScript的引擎核心是用C语言编写的。1)C语言提供了高效性能和底层控制,适合JavaScript引擎的开发。2)以V8引擎为例,其核心用C 编写,结合了C的效率和面向对象特性。3)JavaScript引擎的工作原理包括解析、编译和执行,C语言在这些过程中发挥关键作用。

JavaScript是现代网站的核心,因为它增强了网页的交互性和动态性。1)它允许在不刷新页面的情况下改变内容,2)通过DOMAPI操作网页,3)支持复杂的交互效果如动画和拖放,4)优化性能和最佳实践提高用户体验。

C 和JavaScript通过WebAssembly实现互操作性。1)C 代码编译成WebAssembly模块,引入到JavaScript环境中,增强计算能力。2)在游戏开发中,C 处理物理引擎和图形渲染,JavaScript负责游戏逻辑和用户界面。

JavaScript在网站、移动应用、桌面应用和服务器端编程中均有广泛应用。1)在网站开发中,JavaScript与HTML、CSS一起操作DOM,实现动态效果,并支持如jQuery、React等框架。2)通过ReactNative和Ionic,JavaScript用于开发跨平台移动应用。3)Electron框架使JavaScript能构建桌面应用。4)Node.js让JavaScript在服务器端运行,支持高并发请求。

Python更适合数据科学和自动化,JavaScript更适合前端和全栈开发。1.Python在数据科学和机器学习中表现出色,使用NumPy、Pandas等库进行数据处理和建模。2.Python在自动化和脚本编写方面简洁高效。3.JavaScript在前端开发中不可或缺,用于构建动态网页和单页面应用。4.JavaScript通过Node.js在后端开发中发挥作用,支持全栈开发。

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。 1)C 用于解析JavaScript源码并生成抽象语法树。 2)C 负责生成和执行字节码。 3)C 实现JIT编译器,在运行时优化和编译热点代码,显着提高JavaScript的执行效率。

JavaScript在现实世界中的应用包括前端和后端开发。1)通过构建TODO列表应用展示前端应用,涉及DOM操作和事件处理。2)通过Node.js和Express构建RESTfulAPI展示后端应用。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器