一:JS变量
变量概述
本质:变量市程序在内存中申请的一块用来存放数据的空间。用于存放数据的盒子,我们通过变量名获取数据、修改数据。
变量使用
变量的使用分为两步:1.声明变量。2.赋值。
var x;//声明一个名为age的变量
x=1;//给变量赋值
var age=1;//声明变量并初始化
var 声明全局变量的关键字,const 声明常量,let 声明局部变量的关键字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var name='九月';
var address='云景市盲砀村';
var age=300;
var email='10010@qq.com';
var gz=200;
console.log(name);
console.log(address);
console.log(age);
console.log(email);
console.log(gz);
</script>
</head>
<body>
</body>
</html>
案例1:
1.弹出一个输入框,提示用户输入姓名。2。弹出一个对话框,输出用户刚才输入的姓名。
变量语法扩展
var name;
name=prompt('请输入你的名字');
alert(name);
案例2:
计算两个数的值,用户输入第一个值后,继续弹出第二个输入框并输入第二个值,最后通过弹窗显示两次输入值相加的结果。
var num1=prompt('请输入第一个数');
var num2=prompt('请输入第二个数');
alert(num1+'+'+num2+'='+parseFloat(num1)+parseFloat(num2));
变量命名规范:由0-9,a-zA-Z,_,$组成,首字母不能是数字,严格区分大小写,不能是关键字和保留字,要起到见名知意的效果。
二:JS数据类型
数据类型作用:在计算机中,不同数据所占用的存储空间是不同的,为了便于把数据分成所需要的内存大小不同的数据,充分利用存储空间,于是有了数据类型。
在JS是一种弱类型或者说是动态语言,这意味着不用提前声明变量,在程序运行的过程中,类型会被自动定义。由JS引擎根据=右边的变量值的数据类型来判定的,待程序运行完毕后,变量就确定了数据类型,并且变量的类型可以根据不同的数据类型赋值来变换。
数据类型的分类
- 简单数据类型(Number,String,Boolean,Undefined,Null)
- 复杂数据类型(object)
数字型的最大值:Number.MAX_VALUE
数字型的最小值:Number.MIN_VALUE
isNaN(变量):用于判断非数字,并返回一个值,如果是数字返回false,不是返回true。
字符串型引号中可以为任意文本,单双引号都行。
1.字符串引号嵌套规则
单引号里嵌套双引号,或者双引号里嵌套单引号
2.字符串转义符
转义符 解释 \n 换行符 \\ 斜杆\
\' 单引号 \" 双引号 \t tab缩进 \b 空格 3.字符串长度。
通过字符串的属性值length可以得到字符串长:字符串名.length。
4.字符串的拼接+
+号可以将多个字符串拼接在一起,只要有字符串类型的进行+操作,最终拼接出的都是字符串。
案例:显示年龄
弹出一个输入框,需要用户输入年龄,之后弹出一个警示框显示“你已经XX岁了”;
var age=prompt("请输入你的年龄");
alert('你已经'+age+'岁了');
Undefined:声明后没被赋值的变量会有一个默认值undefined
null:空值
typeof:用于检测变量数据类型 用法:typeof 变量名
数据类型转换
- 转换为字符串类型
方式 | 说明 | 案例 |
toString() | 转成字符串 | var num=1;alert(num.toString()); |
String()强制转换 | 转成字符串 | var num=1;alert(String(num)); |
加号拼接字符串 | 和字符串拼接的结果都是字符串 | var num=1;alert(num+"我是字符串") |
- 转换为数字型
方式 | 说明 | 案例 |
parseInt(string)函数 | 将String类型转化成字符串类型 | parseInt('78') |
parseFloat(string)函数 | 将String类型转化成浮点数值类型 | parseFloat('78.21') |
Number()强制转化函数 | 将string类型转化为数值型 | Number('12') |
js隐式转换 | 利用算术运算隐式转换为数值型 | '12'-0 |
案例:计算年龄
要求在页面中弹出一个输入框,输入出生年份,能计算出我们的年龄。
var birthyear=prompt("请输入你的出生年份");
alert('你的年龄是'+(2023-parseInt(birthyear)));
- 转换为布尔型
方式 | 说明 | 案例 |
Boolean() | 其它类型转成布尔值 | Boolean('true'); |
代表空、否定的值会转化为false,如'',0,NaN,null,undefined,其余值转化为true。
关键字:指js本身已经使用了的字,不能在充当变量名,方法名。
保留字:实际是预留的关键字,虽然现在不用,但以后可能要用,不能在充当变量名,方法名。