JavaScript基础知识（概念、常量和变量）

1、JavaScript概念

JavaScript是脚本语言; 编写之后，可以直接运行(缺失了编译的过程)

2、JavaScript发展

LiveScript    =>    JavaScript    =>     Jscript    =>   ECMAScript(脚本语言的标准)

||                 ||                   ||                 ||

95年网景公司； 网景联合SUN公司；  联合微软公司； 三者联合欧洲计算机制造商协会

注：JavaScript语法内容参考Java语言；但“JavaScript是Java语言的脚本语言”是错误的

3、JavaScript组成部分

ECMAScript: 语言的标准(定义语法)从2015年推出ES6之后; 今后每年推出一个新版本

DOM - Document Object Model(文档对象模型)

BOM - Browser Object Model(浏览器对象模型)

4、如何使用JavaScript

通过 <script> 元素编写 JavaScript 语言：

(1)定义<script>元素，直接编写

(2)通过<script>元素，引入外部JS文件   格式：<script src="JS文件的路径"></script>

type属性 - 设置当前引入文件的类型(text/javascript)

注：<script>元素默认编写在 <head> 中；但也可以出现在<body>元素中；

即使编写在不正确的位置：浏览器没有任何报错，且浏览器进行自动解析，将错误位置改为正确的位置。(HTML是不严格的标记语言)

5、测试JavaScript代码

☞confirm(' ') ;

☞alert(' ');           目前很少使用(打印的内容有限 - 不符合开发的要求)

☞prompt(' ');         接收用户信息，页面有个输入框来填写信息

☞document.write(' ');  测试的内容直接在页面中输出消息，可以写上html标签。

☞console.log(' ');      在浏览器的开发者工具中的console(控制台)中输出消息

格式：console.log('日志内容');    console.warn('输出警告');

console.info('输出信息');   console.error('输出错误');

6、基础语法

* 区分大小写     eg: atguigu、Atguigu和ATGUIGU - 代表三个内容

* 代码的规范性

HTML: 元素名称建议使用小写;  父级与子级元素，建议缩进(空格或TAB)

CSS:  组合选择器 #id,.class；

CSS声明的具体写法      eg：选择器{

background-color : red;

}

* JavaScript: 一行最好只编写一个语句;   每个语句后面建议编写分号；

两个语句之间增加空行；     注释内容编写清除；

关键字和保留字，都不能用来定义为变量名；

关键字: 在JavaScript代码中具有特殊的含义;    保留字: 还没有启用的关键字

(单行注释) 符号：//  [快捷键：CTRL + ?]       (多行注释)  符号： /* */

7、变量

概念：存储数据信息的容器.              格式：var 变量名 = 数据内容;

特点：允许可以反复的使用具体的数据      作用：允许重复使用某个具体的数据内容

ü 变量的声明

重复声明：JavaScript 变量只能存储一个数据，之前存储的数据会被覆盖。

遗漏声明: 直接读取一个没有声明的变量的值，JavaScript会报错。

eg:console.log(test1);   -- 报错  因为没有定义test1

ü  命名规则

以字母、下划线-、美元符号$开始;   不以数字开头;   大写字母与小写字母并不冲突;

不用关键字和保留字作为名称；     名称最好有明确的含义。

ü  用法

²  定义变量 - 为某个的数据定义一个变量名称

存在多个变量时：(1)每一行定义一个变量  (2)单行定义多个变量，中间需要用逗号分隔

²  调用变量 -使用该变量对应的数据内容

☞先定义变量，再调用变量[正常情况]

浏览器加载执行JavaScript代码时 - 从上到下；当调用某个变量时，该变量已经存在了

☞先调用变量，再定义变量  ---【undefined】

console.log(test2);    ==>     var test2;    --定义变量(但没有赋值); 默认值为【undefined】

var test2 = 300;              console.log(test2);

test2 = 300;  --为变量进行赋值

[重复声明：对应的数据内容会被覆盖        重复赋值：对应的数据内容会被覆盖]

8、常量

格式:  const 常量名 = 数据内容;                作用：表示某个具体的数据内容

注意: 就是一个只读(不能修改)的变量；常量名习惯用全大写

*常量的声明，必须进行初始化操作，否则会报错误。

*无论重复声明，还是重复赋值 - 常量都会报错