JavaScript概述

JavaScript是什么

JavaScript（是什么）

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

作用（做什么？）

网页特效 (监听用户的一些行为让网页作出对应的反馈)

– 表单验证 (针对表单数据的合法性进行判断)

– 数据交互 (获取后台的数据, 渲染到前端)

– 服务端编程 (node.js)

组成（有什么）

尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：

核心（ECMAScript）
文档对象模型（DOM） Document object model (整合js，css，html)。一套操作页面元素的API，DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作
浏览器对象模型（BOM） Broswer object model（整合js和浏览器）。一套操作浏览器功能的API，通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等
Javascript 在开发中绝大多数情况是基于对象的.也是面向对象的.

JS的引入方式

1. 写在行内
<input type="button" value="按钮" onclick="alert('Hello World')" />
2. 写在script标签中
<head>
    <script>
          alert('Hello World!');
    </script>
</head>
3. 写在外部js文件中，在页面引入
<script src="main.js"></script>

JS的结束符

可以有 ;，也可以没有。但是需要统一

JS的输入输出语法

输入

prompt("请输出您的姓名")

输出

document.write('要出的内容')
alert('要出的内容')
console.log('控制台打印')

变量

2.1 变量是什么

变量是什么

　　变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据。
为什么要使用变量

　　使用变量可以方便的获取或者修改内存中的数据。

2.2 变量的基本使用

声明变量

要想使用变量，首先需要创建变量（也称为声明变量或者定义变量）

let 变量名

变量赋值

let age = 18;

同时声明多个变量

let age, name, sex;
age = 10;
name = 'zs';

同时声明多个变量并赋值

let age = 10, name = 'zs';

变量的命名规则和规范

规则 - 必须遵守的，不遵守会报错
- 由字母、数字、下划线、$符号组成，不能以数字开头
- 不能是关键字和保留字，例如：for、while。
- 区分大小写
规范 - 建议遵守的，不遵守不会报错
- 变量名必须有意义
- 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：userName、userPassword

案例

使用第三方的变量进行交换

let num1=10;
let num2=20;
//把num1这个变量的值取出来放在temp变量中
let temp=num1;
//把num2这个变量的值取出来放在num1变量中
num1=num2;
//把temp变量的值取出来放在num2变量中
num2=temp;
console.log(num1);//20
console.log(num2);//10

一般适用于数字的交换

let num1 = 10;
let num2 = 20;
//把num1的变量中的值和num2变量中的值,取出来相加,重新赋值给num1这个变量
num1 = num1 + num2;//30
//num1变量的值和num2变量的值取出来,相减的结果重新赋值给num2
num2 = num1 - num2;//10
//num1变量的值和num2变量的值取出来,相减的结果重新赋值给num1
num1 = num1 - num2;//20
console.log(num1, num2);

扩展的变量的交换:只需要看代码,不需要理解---位运算

let num1 = 10;
let num2 = 20;
num1 = num1 ^ num2;
num2 = num1 ^ num2;
num1 = num1 ^ num2;
console.log(num1, num2);

变量拓展-let和var的区别

let 和 var 区别：

在较旧的JavaScript，使用关键字 var 来声明变量，而不是 let。

var 现在开发中一般不再使用它，只是我们可能再老版程序中看到它。

let 为了解决 var 的一些问题。

var 声明:

可以先使用在声明 (不合理)
var 声明过的变量可以重复声明(不合理)
比如变量提升、全局变量、没有块级作用域等等

结论：

var 就是个bug，别迷恋它了，以后声明变量我们统一使用 let

JZTXT

Javascript