经过一个月的学习,终于到了学 JavaScript 的时候啦!
今天我们讲的是JavaScript的一些基础知识。分别是
1. JavaScript 的三种基本语法形式
行内式 、 内部式 、 外部式
2. JavaScript 的变量
变量的定义 、 变量名称的命名规范
3. JavaScript 的数据类型
布尔类型 、 数值类型 、 字符串类型 undefined null
接下来我们来细说一下它们的详细信息!
1. JavaScript 的三种基本语法形式
行内式
在 标签中 直接定义 JavaScript的 代码内容(这种语法不推荐使用)
例:JavaScript的行内式,也是在标签内部直接定义JavaScript代码
<div onclick="alert('我是div标签的弹窗')">我是div标签</div>
跟我们之前学过的css样式类似,但是不用加 script ,可以直接写
内部式
在script标签中,直接定义JavaScript代码。在 script 标签中,直接定义JavaScript代码(跟 css 的内部样式基本一样,注意:我们的要使用JavaScript,必须给标签设置 id 选择器,class不行(后面讲))
例:JavaScript的内部式,在 head标签的最后,或者body标签的最后(推荐写在body的最后),来定义一个script标签,在标签内部来定义JavaScript代码
<p id="p1">我是p标签</p>
外联式
在 外部 js 文件中 (也就是扩展名是 js的文件)
直接定义 JavaScript代码
通过一个 带有 src 属性的 script标签,来导入
例:<!-- JavaScript的外部式,是通过一个带有 src 属性的script标签,来导入外部的js文件 -->
<script src="./02_demo.js"></script>
特别注意:
1, 行内式,不推荐使用的
书写不方便,而且不利于重复使用
一般做调试使用
2, 内部式和外部式,都是通过script标签来定义的
script标签,理论上,可以写在任意位置,但是一般放在 body内部的最下方
也就是所有的html标签的内容的最后
因为牵扯到 代码的执行顺序
3, 定义了src的script,其标签内容中,定义的JavaScript程序,就不会执行了
给一个script标签,添加src属性,就变成导入外部式的script,script标签内部的JavaScript代码就不会执 行只会执行外部js 文件中的内容
2. JavaScript 的变量
- 变量的定义
官方定义: 存储在内存之中的,带有名称的,数据信息,其中存储的数据,在执行过程中,是可以改变的
实际上 就是容器 , 存储数据的容器
所有的计算机程序,数据都会存储咋变量中,通过操作变量,来操作数据
2. 变量定义的语法形式
3. 变量名称的命名规范
(1),规则 必须遵守的
变量名称的内容,只能是数字,字母(大小写都可以),下划线 _ ,美元符号 $
不能以数字开头 一般是以字母或者下划线开头
严格区分大小写
不要使用保留词和关键词
(2),规范 建议遵守的 --- 程序员的潜规则
不要使用中文
见名知意 -- 看见变量名称,就知道存储的是什么数据
驼峰命名法 -- 多个单词组成的变量名称,每个单词的首字符大写
UserName UserPwd
小驼峰 -- 第二个单词开始,首字符大写
userName userPwd
英文太差的,查有道词典
再不行,偶尔可以使用拼音
但是绝对不能使用 拼音缩写
3. JavaScript的数据类型
基本数据类型 / 标准数据类型
布尔类型 , 数值类型 , 字符串类型 , undefined , null
引用数据类型 / 复杂数据类型 / 地址数据类型
数组 , 对象 , 函数
1. 布尔类型(注意:大小写敏感)
表示比较判断的结果
true表示真/正确,false表示假/错误
在使用时,一定要小写
2. 字符串类型
所谓的字符串类型,就是由字符,数字,符号等,组成的一串数据类型;JavaScript中 使用 String / str 表示字符串类型; 字符串类型 的数据,必须使用 单引号 或者 双引号 来已经包裹; 在JavaScript中,单引号,双引号,没有区别,用那个都行; 但是必须成对使用; 必须是英文格式的符号 。
// 特殊情况1: 如果一个数字,也被 引号包裹,那么这个数字,也是字符串类型
var b = 123; // 变量b中存储的是 数值 123
var c = "123"; // 变量c中存储的是 字符串 123
console.log(b,c);
// 特殊情况2: 引号的嵌套 : 双引号中只能嵌套,单引号,不能嵌套双引号
// 单引号中只能嵌套,双引号,不能嵌套单引号
3. 数值类型
JavaScript中,数值类型包括:
整数 , 小数 , NaN 3种数值形式
浮点数 , 也就是小数 float
(1)有效数字 / 有效数值
在数学中,小数的小数位数,可以是无穷位
在JavaScript中,对于浮点数的总位数有规定
一个浮点数,有效数字/有效数值,最多 17 位
所谓的有效数字,值得是,左起,非零的数值
整数部分,小数部分,一共是17位
直接截取有效部分,而不是四舍五入
(2)浮点数的误差 --- 浮点数的 精度丢失 / 精度溢出
在计算机程序中,浮点数的存储,存储内容,不是准确值,而是近似值
在计算机中,就会造成浮点数执行时,计算的误差,也称作精度丢失/精度溢出
但是这种情况不是任何时候都会体现出来
这样的错误,在特殊情况下会体现出来
解决方案,是用高精度浮点来执行计算 float类型 转 double 类型
4. undefined , null
是JavaScript中的两种数据类型:1. undefined 表示没有数值 --- 应该有数值,但是现在没有数值; 2.null 表示数值为空 --- 表示有数值,但是数值是"空";
总结
1.在JavaScript中,表示的是一种数值;
2.赋值时,必须严格遵守 大小写规范;
3.并且,不能带 引号 , 如果有引号,就是字符串,就不是原有的数值了。
这就是今天的所学啦!学习JavaScript 的第一天。
有什么问题欢迎在评论区留言,让我们共同进步!!!