如何在JavaScript中写评论

介绍

在编程中,我们首先考虑的是机器 - 计算机如何读取和解释我们编写的代码。 然而,同样重要的是考虑将阅读和使用代码的人。 无论您是与团队合作还是独立工作,您都需要学习为人类读者正确评论和构建代码。

注释是由解释器忽略的程序的源代码中的注释,因此对代码的实际输出没有影响。 评论可以非常有助于解释您的代码或应该做什么的意图。

作为开发人员,深入研究别人没有正确评论的代码可能会令人沮丧,当您不再沉浸在程序的上下文中时,很容易忘记自己的代码意味着什么。 早期评论您的代码将加强您的职业生涯中的良好的编程习惯,以避免这些问题。

注释语法

让我们快速浏览两种不同类型的JavaScript注释语法。

单行注释用两个正斜杠( // )写:

// This is a comment

紧跟在//语法之后的所有字符都将被JavaScript忽略。

阻止注释(有时称为mutli-line注释)用开头标签( /* )和结束标签( */ )编写。 如果你知道CSS,那么你已经熟悉块级注释了。

/* This is
a comment */

上述代码块中的开始和结束标记之间的所有内容将被忽略。

单行和多行评论都写在他们被指定解释的代码之上,如“Hello,World!”所示。 例:

hello.js
// Print "Hello, World!" to the console
console.log("Hello, World!");

在写评论时,将它们缩小到与他们正下方的代码相同的级别:

ocean.js
// Initialize a function
function alphabetizeOceans() {
    // Define oceans variable as a list of strings
    const oceans = ["Pacific", "Atlantic", "Indian", "Antarctic", "Arctic"];

    // Print alphabetized array to the console
    console.log(oceans.sort());
}

请注意,注释与程序本身一样也是代码的一部分。 过时的评论可能比没有任何评论更为有害,所以记住要定期维护和更新评论以及其他一切。

内联评论

当单行注释出现在一行代码的末尾时,它们被称为内联注释

let x = 99;    // assign numerical value to x
let y = x + 2; // assign the sum of x + 2 to y

内联注释可用于快速注释小型特定内容片段。 由于评论只应该与其所写的确切行相关,所以这是最明显的评论类型。

记住,没有办法在一行上结束单行注释,因此请确保不将任何代码放在//语法之后,如下面的示例所示。

broken.js
for (let i = 0; i === 10; i++) // for loop that runs ten times {
    // Running this code results in a syntax error
}

虽然内联评论可能很有用,但应该谨慎使用 - 大量内联评论中的代码将很快变得凌乱,因此难以阅读。

阻止评论

块级注释或多行注释是用于介绍和解释一段代码的长格式注释。 通常,这些类型的注释位于文件的顶部,或者在特别复杂的代码块之前。

greet.js
/* Initialize and invoke a the greetUser function
to assign user's name to a constant and print out
a greeting. */

function greetUser() {
    const name = prompt("What is your name?");
    console.log("Hello ," + name + "! How are you?");
}

greetUser();

您可能还会看到稍微修改版本的块注释语法,以/**开头,并在注释块的左侧包含星号。

sea.js
/**
 * Initialize constant with an array of strings.
 * Loop through each item in the array and print
 * it to the console.
 */

const seaCreatures = ["Shark", "Fish", "Octopus"];

for (const seaCreature of seaCreatures) {
  console.log(seaCreature);
}

有时这种类型的评论还将包括有关编程文件的详细信息,包括脚本的名称,版本和作者。

如果您是JavaScript中的初学者,您可以根据需要编写学习和理解您编写的代码。 当您作为JavaScript开发人员进步时,您将寻求回答意图,或代码背后的原因 ,而不是如何什么

评论测试代码

也可以使用注释来快速,方便地防止执行代码进行测试和调试。 这被称为“注释掉代码”。

如果您编写的某些代码中存在错误,请注释部分将阻止它们运行,并且可以帮助您精确定位问题的根源。 您也可以使用它来切换代码来测试不同的结果。

math.js
// Function to add two numbers
function addTwoNumbers(x, y) {
  let sum = x + y;
  return sum;
}

// Function to multiply two numbers
function multiplyTwoNumbers(x, y) {
  let product = x * y;
  return product;
}

/* In this example, we're commenting out the addTwoNumbers
function, therefore preventing it from executing. Only the
multiplyTwoNumbers function will run */

// addTwoNumbers(3, 5);
multiplyTwoNumbers(5, 9);

单行注释和块注释都可用于注释掉代码,具体取决于要切换的部分的大小。

注意 :注释代码只能在测试目的时完成。 不要在您的最终脚本中留下已注释的代码段。

在制定程序的逻辑时,注释代码可以证明是有用的,因为您可以确定哪些错误或评估提供最多实用程序的代码行。

结论

JavaScript代码由计算机解释,但会始终被其他程序员读取,包括您将来的自我。 花时间在复杂的代码段上留下正确的注释,将来会产生分红,让您和协作者更容易了解您编写的代码的意图。

赞(52) 打赏
未经允许不得转载:优客志 » 系统运维
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏