JavaScript（一）｜青训营笔记JavaScript（一）介绍、书写位置、注释、结束符、输入输出。JavaScr

JavaScript 介绍

JavaScript 是什么

JavaScript 是一种运行在客户端（浏览器）的编程语言。
JavaScript 由 ECMAScript(基础语法)、web APIs（DOM、BOM）组成。

JavaScript 书写位置

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中，有两种方式：

内部方式：通过 script 标签包裹 JavaScript 代码。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> JavaScript - 书写位置</title>
</head>
<body>
  <script>
    alert('内部方式')
  </script>
</body>
</html>

外部形式：一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 script 标签的 src 属性引入。

// demo.js
document.write('外部方式')

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript - 书写位置</title>
</head>
  <script src="demo.js"></script>
</body>
</html>

书写的位置尽量写到文档末尾 </body> 前面；外部 js 标签中间不要写代码，否则会被忽略。

JavaScript 注释

通过注释可以屏蔽代码被执行或者添加备注信息，JavaScript 支持两种形式注释语法：

单行注释：使用 // 注释单行代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript - 注释</title>
</head>
<body>
  
  <script>
    // 单行注释
    document.write('单行注释！');
  </script>
</body>
</html>

多行注释：使用 /* */ 注释多行代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript - 注释</title>
</head>
<body>
  
  <script>
    /*
    	多行注释
    	多行注释
    	多行注释
      */
    document.write('多行注释')
  </script>
</body>
</html>

注：编辑器中单行注释的快捷键为 ctrl + /。

JavaScript 结束符

在 JavaScript 中 ; 代表一段代码的结束，多数情况下可以省略 ; 使用回车（enter）替代。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript - 结束符</title>
</head>
<body>
  
  <script> 
    alert(1);
  </script>
</body>
</html>

但为了风格统一，结束符要么每句都写，要么每句都不写。

JavaScript 输入和输出

输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后再展示结果给用户，这便是一次输入和输出的过程。

输出

JavaScript 可以接收用户的输入，然后再将输入的结果输出：alert()、document.wirte()、console.log()。

输入

向 prompt() 输入任意内容会以弹窗形式出现在浏览器中，一般提示用户输入一些内容。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript - 输入输出</title>
</head>
<body>
  
  <script> 
    document.write('输出');
    alert('输出');
    prompt('输入');
  </script>
</body>
</html>

JavaScript 代码执行顺序：按HTML文档流顺序执行JavaScript代码，alert() 和 prompt() 它们会跳过页面渲染先被执行。

JavaScript（一）｜ 青训营笔记