第五次前端培训

1 JavaScript简介

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

1.1 JavaScript的组成

JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象；

DOM 描述了处理网页内容的方法和接口；

BOM 描述了与浏览器进行交互的方法和接口。

1.2 基本用法

1.2.1 行内JS

function myFunction() {
   document.getElementById("demo").innerHTML = "段落被更改。";
}

JS代码可以写在标签内部。

<button type="button" onclick="myFunction()">试一试</button>

1.2.2 内部JS 

JS代码可以定义在内部script标签内部。

1.2.3 外部JS文件

myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "段落被更改。";
}

如果相同的脚本被用于许多不同的网页，可以使用外部脚本。

JavaScript 文件的文件扩展名是 .js。

如需使用外部脚本，需要在 <script> 标签的 src (source) 属性中设置脚本的名称。

<script src="myScript.js"></script>

2 基本语法

2.1 语句和注释

JavaScript 是一个程序语言。语法规则定义了语言结构。

JS代码以行为单位，从上往下执行，一行一条语句。

JavaScript 是一个脚本语言。它是一个轻量级，但功能强大的编程语言。

一般情况下，JavaScript每条执行语句后面都要以英文的分号;来结尾但是，当JavaScript的代码作为属性值时，最后一句后面的分号可以省略，例如：