JavaScript

语言特点

弱类型语言
解释型语言
基于对象

语言核心

使用编程语言操纵DOM（文档对象模型——标签元素）和BOM（浏览器对象模型——整个窗体）

BOM 文档对象模型（document object model）：控制页面中所有的元素（标签），更改样式、内容。元素：html标签抽象成一个元素。

DOM 浏览器对象（browser object model）浏览器对象模型 :与浏览器进行交互的方法和接口。

变量与数据类型

分为两种：全局变量和局部变量。

var 全局变量，整个页面中使用，要求宽松。定义完成为window对象的属性

let 局部变量，要求严格。不能重复定义，先定义后使用否则报错（终止），局部作用范围，接近于c和java语言中的变量

函数

function函数，定义在程序主体中。method方法，定义在类中，成员方法。

函数的定义、执行。有参数的函数、有返回值的函数。

多次重复执行的过程，定义成函数。多次调用。

使用

JavaScript 程序是不能独立运行的，需要被嵌入 HTML 中，浏览器才能执行 JavaScript 代码。

通过 <script></script> 标签将 JavaScript 代码引入到 HTML 中，有两种引入方式：

（1）内部形式

在html文件中通过 script 标签来写 JavaScript 代码

html
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScrip内部形式</title>
</head>
<body>
  <script>
    alert('这是我的青训营笔记~');
  </script>
</body>
</html>

（2）外部形式

将JavaScript 代码写在以 .js 结尾的文件中，然后通过在html文件中用 script 标签的 src 属性来引入

javascript
复制代码
// test.js文件
document.write('这是我的青训营笔记');

html文件
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript外部形式</title>
</head>
<body>
  <script src="test.js"></script>
</body>
</html>

2.2 输入和输出

（1）输出

JavaScript输出：

alert()、document.wirte()，向 alert() 或 document.write()输入任意数字，他都会以弹窗形式展示。

（2）输入

prompt() 输入内容以弹窗形式出现在浏览器中。

html
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript输入输出</title>
</head>
<body>
  <script> 
    document.write('输出内容');
    alert('输出内容');
    prompt('请输入您的信息:');
  </script>
</body>
</html>

2.3 关键字

JavaScript的关键字： let 和 var 来声明变量。

（1）使用 let 时的注意事项：

允许声明和赋值同时进行
不允许重复声明
允许同时声明多个变量并赋值
JavaScript 中内置的一些关键字不能被当做变量名

（2）使用 var 时的注意事项：

允许声明和赋值同时进行
允许重复声明
允许同时声明多个变量并赋值

let 和 var相比较更严谨，因此推荐使用 let。

JS基础|青训营笔记