将JavaScript函数放在JS文件中的位置

时间:2018-06-28 12:42:17

标签: javascript

我确定这个问题已经被问过很多次了,但是我找不到能回答我一个简单问题的任何东西: JavaScript中放置函数的最佳实践是什么?

什么是更好的做法,将函数放在调用之前还是之后?

//Invocation BEFORE declaration    
const myValue = getMyValue();

function getMyValue() {
    return 'Hello World!';
}

OR

//Invocation AFTER declaration    
function getMyValue() {
        return 'Hello World!';
}        

const myValue = getMyValue();

编辑: 为什么不给任何解释就投下反对票?
有许多事情可以“按我的喜好”完成,但是对于大多数事情来说,存在最佳实践或决策的利弊。

作为第二种方法的弊端,我可以说,如果所有功能都位于顶部,那么当我打开文件时,由于存在“逻辑流”,因此需要花费更多时间来简要了解文件应该做什么。在文件底部,我需要滚动。

1 个答案:

答案 0 :(得分:1)

我建议您阅读这本书,以便更好地理解。 https://github.com/getify/You-Dont-Know-JS/blob/master/up%20&%20going/README.md#you-dont-know-js-up--going

您应该做的最重要的事情是代码的可读性。 由于您的JavaScript代码分两步运行,因此JavaScript引擎首先开始读取所有变量和函数(声明,定义),然后在第二步中运行它们。 (吊装)。

由于这个原因,在使用函数的情况下,可以选择其中一种使用这些样式来编写函数,具体取决于这是否会使代码的可读性和理解性更好。当然,很多人说总是先创建您的函数然后再调用它。 我已经使用这两种方法在不同情况下编写了自己的函数。

建议:不要将托管用于变量(不能提升let和const)。

如果我不能正确地告诉你这个概念,对不起,请阅读我建议的书。