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 常量名 = 数据内容; 作用:表示某个具体的数据内容
注意: 就是一个只读(不能修改)的变量;常量名习惯用全大写
*常量的声明,必须进行初始化操作,否则会报错误。
*无论重复声明,还是重复赋值 - 常量都会报错