javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

JavaScript简介

JavaScript历史：

JavaScript是一门解释型、动态类型、基于对象的脚本语言(不需要编译，直接执行，与之相对的是编译型语言)，由美国网景公司的布兰登·艾奇发明，起初称LiveScript，其简称js。

JavaScript作用：

起初表单验证----网页特效-----服务端开发(Node.js)-----桌面程序(Electron)-----App(Cordova)-----控制硬件物联网(Ruff)-----游戏开发(cocos2d.js)

浏览器执行javascript代码：浏览器分为两部分渲染引擎和js引擎。渲染引擎指解析HTML和CSS的引擎，俗称内核；js引擎指处理js代码的引擎，俗称解析器。js引擎执行js代码时逐行读取并解析执行(转换为二进制)，即脚本语言。

JavaScript三大组成部分：

ECMAScript（js基本语法编程核心的标准）、 DOM—Document Object Model（文档对象模型，操作页面上的元素）、BOM—Browser Object Model（浏览器对象模型，操作浏览器窗口）
在这里插入图片描述

JavaScript基础语法

JavaScript代码书写位置：

1、内嵌式：在html文件中的script标签中写js代码；2、行内式：直接在标签中书写js代码(内嵌js代码)；3、外部式：在js文件中书写js代码，并通过script标签引入到html文件中

	<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0，user-scalable=no，maximum-scale=1.0,minimum-scale=1.0"><title>Document</title></head><body><!-- 内嵌js代码： --><input type="button" value="点击弹框" onclick="alert('直接写在标签中的js代码')"><!-- 写在script标签中的js代码：script标签中的type属性和language属性在h5新规定可以省略不写，但是有些程序员会写上，这是标准写法，为了后面浏览器解析代码不会出现意外。 --><script type="text/javascript" language="JavaScript">alert('在html文件中的script标签中书写js代码');</script><!-- 写在外部js文件中的js代码，通过script标签引入HTML文件： --><script src='js/alert.js'></script></body></html>

注意：

1、在一对script的标签中有错误的js代码，那么该script标签中错误代码后面的代码不执行

2、如果一对script的标签中有错误，不会影响后面的script标签中的js代码执行

3、script标签内：

type=‘text/javascript’-----标准写法

language=‘javascript’------也可以，目前都省略，原因是html遵循h5的标准

4、特殊情况：script中同时出现type和language的写法，防止浏览器解析时出错

5、script标签在页面中可以出现多对

6、script标签一般是放在body标签的最后面，有时也放在head标签中

7、如果js文件是外部引入的，那么该对script中不能写任何代码

JavaScript中的注释：

	//第一种注释：注释语句，VScode中快捷键：Ctrl + //* 第二种注释：注释语句，VScode中快捷键：Shift + Alt + a */

JavaScript中常用测试方法：

在这里插入图片描述
变量：

变量：指计算机中存储数据的标识（容器），根据变量名称可以获取到内存中储存的数据（变量的本质：程序在内存中申请一块存数据的空间）。js中存储数据是通过变量的方式储存的，操作变量都是在内存中的，变量的声明及赋值一般用var、const、let等关键字，使用变量可以方便的获取或者修改内存中的数据，初学JavaScript使用var声明变量，如：

	<script>//关键字 变量名 = 值var num = 10;var name = 'xiaohei';var sum; //变量的声明指：在内存中开辟一块空间sum = 20; //给变量赋值var sum = 10; // 变量的初始化：即声明变量的同时并赋值var x = 1,y = 2,z = 3; //一次初始化多个变量var num1,num2,num3; //一次声明多个变量//一次给多个变量赋值：num1 = 1;num2 = 2;num3 = 3;// 使用弹框用变量接收一个值，并输出这个值var str = prompt('输入内容:');alert('弹出输入的内容:' + str);//不声明的变量在js中是可以使用的，前提要赋值myName = 'Jack';console.log(myName);</script>

注意：

1、JavaScript中区分大小写

2、JavaScript中每个js代码结束后要跟分号结尾

3、变量名应该有意义，由字母、数字、下划线、$符号组成，不能以数字开头，不能是关键字和保留字

4、遵守驼峰命名法。首字母小写，后面单词的首字母需要大写

5、变量名不能重名，重名后相当于给变量重新赋值。

交换两个变量：

	<script>// 借助第三方变量实现变量交换：var num1 = 10;var num2 = 20;var temp;temp = num1;num1 = num2;//变量的重新赋值num2 = temp;console.log('num1:' + num1);console.log('num2:' + num2);//通过计算的方式交换两个变量：var num1 = 10;var num2 = 20;num1 = num1 + num2;num2 = num1 - num2;num1 = num1 - num2;console.log(num1, num2);// 计算机位运算，扩展，不需要理解var num1 = 10;var num2 =num1 = num1 ^ num2;num2 = num1 ^ num2;num1 = num1 ^ num2;console.log(num1, num2);</script>