- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。
之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。
这两种方式是:
var functionOne = function() {
// Some code
};
并且,
function functionTwo() {
// Some code
}
使用这两种不同方法的原因是什么?每种方法的优缺点是什么?有没有什么事情可以用一种方法完成而另一种方法不能完成?
最佳答案
区别在于,functionOne
是一个函数表达式,因此仅在到达该行时才定义,而 functionTwo
是一个函数声明,一旦其周围的代码行就被定义函数或脚本被执行(由于 hoisting )。
例如函数表达式:
// TypeError: functionOne is not a function
functionOne();
var functionOne = function() {
console.log("Hello!");
};
并且,函数声明:
// Outputs: "Hello!"
functionTwo();
function functionTwo() {
console.log("Hello!");
}
从历史上看, block 内定义的函数声明在浏览器之间的处理方式不一致。 Strict mode (在 ES5 中引入)通过将函数声明范围限定到其封闭 block 来解决此问题。
'use strict';
{ // note this block!
function functionThree() {
console.log("Hello!");
}
}
functionThree(); // ReferenceError
关于javascript - var functionName = function() {} vs function functionName() {},我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25098703/
当前 Google 涂鸦的标记如下所示: 有趣的部分是 onload="window.lol&&lol()" 出于好奇:window.functionname&&functionname() 到底做
我注意到您可以使用或不使用括号来引用函数。为什么?有什么区别? 顺便说一句,我注意到这是有效的:window.onload = functionName; 而这不是:window.onload = f
jQuery 函数有什么区别 $.FunctionName = function(){ alert('Hello!') } 和正常的 javascript 函数? function FunctionN
我知道你可以直接使用名称来获取变量和调用函数 variable.functionName 或使用名称作为字符串 variable["functionName"] or variable[functio
在 jQuery 中,我见过以下两种定义 jQuery 函数的方法: $.fn.CustomAlert = function() { alert('boo!'); }; $.CustomAlert
我正在研究 angularJs 并致力于 javascript 优化。我最近看了YUI创建者的一个视频,他是一位JavaScript专家,关于JavaScript优化。他解释了变量声明和作用域以及 J
const heightOutput = document.querySelector('#height'); const widthOutput = document.querySelector('
我研究 javascript 中的函数继承。根据我读过的文章,我写了代码: function Base(){ var enableVar = true this.enable = func
我有 window.getTask = getTask window.postTask = postTask window.logIn = logIn 我正在寻找一种简写方式来做到这一点。类似 win
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Do you ever need to specify javascript: in an onclick?
我已经使用 ReactJs 几天了。我发现有些语法有点奇怪。例如,有时我必须这样调用函数: {this.functionName} 末尾没有括号。 有时我必须这样调用它: {this.function
我已经使用 ReactJs 几天了。我发现有些语法有点奇怪。例如,有时我必须这样调用函数: {this.functionName} 末尾没有括号。 有时我必须这样调用它: {this.function
这个关闭代码可以工作: function setupSomeGlobals(){ var num = 666; gPrintNumber = function() { // play
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。 之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。 这两种方式是: var
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。 之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。 这两种方式是: var
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。 之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。 这两种方式是: var
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。 之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。 这两种方式是: var
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。 之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。 这两种方式是: var
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。 之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。 这两种方式是: var
我最近开始维护别人的 JavaScript 代码。我正在修复错误、添加功能并尝试整理代码并使其更加一致。 之前的开发人员使用了两种声明函数的方式,我无法确定其背后是否有原因。 这两种方式是: var
我是一名优秀的程序员,十分优秀!