1、JavaScript概念
JavaScript是脚本语言; 编写之后,可以直接运行(缺失了编译的过程)
2、JavaScript组成部分
ECMAScript: 语言的标准(定义语法)从2015年推出ES6之后; 今后每年推出一个新版本
DOM - Document Object Model(文档对象模型)
BOM - Browser Object Model(浏览器对象模型)
3、基础语法
* 区分大小写 eg: atguigu、Atguigu和ATGUIGU - 代表三个内容
* 代码的规范性
HTML: 元素名称建议使用小写; 父级与子级元素,建议缩进(空格或TAB)
CSS: 组合选择器 #id,.class;
CSS声明的具体写法 eg:选择器{
background-color : red;
}
* JavaScript: 一行最好只编写一个语句; 每个语句后面建议编写分号;
两个语句之间增加空行; 注释内容编写清除;
关键字和保留字,都不能用来定义为变量名;
关键字: 在JavaScript代码中具有特殊的含义; 保留字: 还没有启用的关键字
(单行注释) 符号:// [快捷键:CTRL + ?] (多行注释) 符号: /* */
4、变量
概念:存储数据信息的容器. 格式: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; --为变量进行赋值
[重复声明:对应的数据内容会被覆盖 重复赋值:对应的数据内容会被覆盖]
5、常量
格式: const 常量名 = 数据内容; 作用:表示某个具体的数据内容
注意: 就是一个只读(不能修改)的变量;常量名习惯用全大写
*常量的声明,必须进行初始化操作,否则会报错误。
*无论重复声明,还是重复赋值 - 常量都会报错