AitSchool

JavaScript

JavaScript 是一种直译式的、基于对象(Object)和事件驱动(Event Drive)的脚本语言，是一种动态、弱类型的语言。

  • 直译式意味着 JavaScript 不需要通过编译器编译便可以直接被应用程序解析语法并执行，例如可以在浏览器中直接运行。
  • 基于对象是因为在 Web 应用中通过 DOM 和 BOM 原型操作浏览器的对象，例如获取页面中的输入框的值。
  • 事件驱动可以理解为有条件的触发行为。例如常见的是按钮的点击，为函数绑定点击行为，当用户点击这个行为事件发生才会触发。

JavaScript 从最初只能在浏览器上运行的脚本语言，主要控制在浏览器上用户发送的行为产生的事件影响。随着 H5 发展，浏览器厂商开放出更多功能权限，开发者的控制权利越来越大，可以做更多炫酷的交互。同时 Node.js 的出现，让 JS 在服务端运行成为了可能。渐渐的随着 React Native、PWD，也让 JS 在移动端方面渐露头角，通过 electronjs 还能开发桌面应用。当前基于人工智能的机器学习流行框架 TensorFlow 也宣布要支持 JS。当前热门微信小程序，也是基于 JS 脚本上开发应用，由于不需要顾及到浏览器 DOM 和 BOM 的知识，大大降低了 JS 的上手门栏，通过学习基础的语法规则，即可轻松上线自己想象中的应用。

JavaScript 绝对是初学者首选编程语言。

开发与调试

在浏览器中运行，是测试 JavaScript 的最便捷的方法，立刻执行，理解看效果。

  1. 新建文件

在桌面新建 demo 文件夹，在 demo 文件中新建 index.html 文件。在 html 文件中的 script 标签内使用。

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript</title>
</head>
<body>
  <script>
    console.log('Hello, world!');
  </script>
</body>
</html>
  1. 查看效果

使用 Chrome 浏览器中打开 demo/index.html 文件，然后右键选择检查打开控制面板，选择 Console 就可以看到到运行结果 Hello, world 。

  1. 使用外联 JS 文件使用

在 demo 文件夹中，新建 index.js 文件，并在 index.html 中引用。和 CSS 文件的外联相识，但是标签不同。

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript</title>
</head>
<body>
  <script src="./index.js"></script>
</body>
</html>

// index.js
console.log('Hello, AitSchool !')

然后刷新浏览器，就可以看到 Hello, AitSchool 了。由于 JavaScript 是即时执行语言，所以当我们修改了 JS 文件之后，需要刷新浏览器查看最新的效果。

在接下来的课程示例中，大家可以把代码在 index.js 中书写，然后在浏览器的控制面板 Console 中查看运行结果。

值与类型 →