JS 入门章节目录
第一章：JavaScript 概述和基础语法
文章の目录
正文
JavaScript 概述
JavaScript 是属于 HTML 和 Web 的编程语言。
编程令计算机完成我们需要它们做的工作。
为何学习 JavaScript ？
JavaScript 是 web 开发者必学的三种语言之一：
- HTML 定义网页的内容
- CSS 规定网页的布局
- JavaScript 对网页行为进行编程
什么是 JavaScript
JavaScript 是一种运行于 JavaScript 解释器/引擎中的解释型脚本语言。
运行环境
- 独立安装的 JS 解释器/引擎（NodeJS）
- 嵌入在浏览器内核中的 JS 解释器/引擎
注：
1、浏览器内核的作用：
- 负责页面内容的渲染
2、浏览器内核主要由两部分组成：
- 内容排版引擎解析 HTML 和 CSS
- 脚本解释引擎解析 JavaScript
解释型与编译型
- 解释型：运行之前是不需要编译的，运行之前不会检查错误，直到碰到错误为止
- 编译型：对源码进行编译，还能检查语法错误（例如：C/C++）
JS 组成
- 核心（ECMAScript）
- 文档对象模型（DOM，Document Object Model） —— 让 JS 有能力与网页进行对话
- 浏览器对象模型（BOM，Browser Object Model） —— 让 JS 有能力与浏览器进行对话
JS 特点
- 开发工具简单，记事本即可
- 无需编译，直接由 JS 引擎负责运行
- 弱类型语言，由数据来决定数据类型
- 面向对象
JavaScript 基础语法
将 JS 脚本嵌入在 HTML 页面中
将 JS 代码嵌入在元素“事件”中
<button onclick="console.log('Hello World');"></button>将 JS 代码嵌入在 script 标记中
<script>
// JS 代码
</script>
<!-- 旧的 JavaScript 例子也许会使用 type 属性：<script type="text/javascript">。
type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。
-->注：
- 可以在 HTML 文档中放置任意数量的脚本。
- 脚本可被放置于 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。
- 把脚本置于 <body> 元素的底部，可改善显示速度，因为脚本编译会拖慢显示。
将 JS 代码（脚本）写在外部脚本文件中（**.js）
- 创建 js 文件，并编写 JS 代码
- 在页面中引入 js 文件（<script src="js文件路径"></script>）
注：
- <script src=""></script> 该对标记中，是不允许出现任何内容的。
- 外部脚本不能包含 <script> 标签。
- 可以在 <head> 或 <body> 中放置外部脚本引用。
- 如需向一张页面添加多个脚本文件，请使用多个 <script> 标签
外部 JavaScript 的优势：
在外部文件中放置脚本有如下优势：
- 分离了 HTML 和代码
- 使 HTML 和 JavaScript 更易于阅读和维护
- 已缓存的 JavaScript 文件可加速页面加载
JavaScript 输出
Javascript 不提供任何内建的打印或显示函数。
JavaScript 显示方案
JavaScript 能够以不同方式“显示”数据：
- 使用 window.alert() 写入警告框
- 使用 document.write() 写入 HTML 输出
- 使用 console.log() 写入浏览器控制台
使用 document.write()
出于测试目的，使用 document.write() 比较方便。
注：
- 在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML。
- document.write() 方法仅用于测试。
使用 window.alert()
使用警告框来显示数据时可以不带 window 前缀。
除了警告框，我们还可以使用确认框和提示框。
（如需了解更多弹出框，请阅读笔者另一篇文章：JS 入门之 BOM 中弹出框。）
使用 console.log()
在浏览器中，可以使用 console.log() 方法来显示数据。
请通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”。
Console 对象：
Console 对象提供了访问浏览器调试模式的信息到控制台。
console.log() —— 控制台输出一条信息
console.warn() —— 输出警告信息，信息最前面加一个黄色三角，表示警告
console.error() —— 输出错误信息到控制台
JS 注释
- 单行注释：//
- 多行注释：/* */
语法规范
JS 语句
JS 语句和程序
计算机程序是由计算机“执行”的一系列“指令”。
在编程语言中，这些编程指令被称为语句。
JavaScript 程序就是一系列的编程语句。
注：
- 大多数 JavaScript 程序都包含许多 JavaScript 语句。这些语句会按照他们被编写的顺序逐一执行。
- JavaScript 程序（以及 JavaScript 语句）常被称为 JavaScript 代码。
JS 语句
允许被 JS 引擎所解释的代码
- 由值（字面量和变量）、运算符、表达式、关键词和注释组成
- 使用分号（ ; ）来表示结束（分号分隔 JavaScript 语句）
注：
- 请在每条可执行的语句之后添加分号
- 如果有分号分隔，允许在同一行写多条语句
- 以分号结束语句不是必需的，但是强烈建议这么做
- JS 语句大小写敏感
- JS 语句使用英文标点符号
JS 空白字符
JavaScript 会忽略多个空格。可以向脚本添加空格，以增强可读性。
在运算符（+ - * / = ）旁边添加空格是个好习惯。
JS 行长度和折行
为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。
如果 JavaScript 语句太长，对其进行折行的最佳位置是某个运算符。
1461
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
