JavaScript的变量
Posted HzdWwZz"LJF
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的变量相关的知识,希望对你有一定的参考价值。
一、什么是变量
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
- 为什么要使用变量
使用变量可以方便的获取或者修改内存中的数据
二、如何使用变量
var声明变量
var age;
变量的赋值
var age;
age = 18;
同时声明多个变量
var age, name, sex;
age = 10;
name = ‘zs‘;
同时声明多个变量并赋值
var age = 10, name = ‘zs‘;
三、变量的命名规则和规范
- 规则 - 必须遵守的,不遵守会报错
- 由字母、数字、下划线、$符号组成,不能以数字开头
- 不能是关键字和保留字,例如:for、while。
- 区分大小写
- 规范 - 建议遵守的,不遵守不会报错
- 变量名必须有意义
- 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:userName、userPassword
四、Js中的数据类型有哪些?
Js中的原始数据类型:number,string,boolean,null,undefined,object
number:数字类型(整数和小数)
string:字符串类型(的值一般都是用单引号或者是双引号括起来) "34"
boolean:布尔类型(值只有两个,true(真1),false(假0))
null:空类型,值只有一个:null,一个对象指向为空了,此时可以赋值为null
undefined:未定义,值只有一个:undefined
什么情况下的结果是undefined?
1.变量声明了,没有赋值,结果是undefined
2.函数没有明确返回值,如果接收了,结果也是undefined
如果一个变量的结果是undefined和一个数字进行计算,结果:NaN不是一个数字,也没有意义
object:对象
var num;
console.log(num+10);//NaN-----not an number不是一个数字
五、如何获取这个变量的数据类型是什么?
使用typeof 来获取
typeof 变量名
typeof(变量名)
var num = 10;
console.log(typeof(num));//number
console.log(typeof num);//number
六、数字类型的几个问题
数字类型:number类型
无论是整数还是小数都是数字类型
不要用小数验证小数
不要使用NaN判断是不是NaN,应该使用isNaN(值或者是变量)
想要表示十进制:就是正常的数字
想要表示八进制:以0开头
想要表示十六进制:0x开头
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var num=0.1;
var num2=0.2;
var sum=num+num2;
console.log(sum);//结果为0.30000000000000004
console.log((sum==0.3));//结果为false
var num3;
var result=num3+10;//NaN
console.log(result==NaN);//结果为false
console.log(isNaN(result));//结果为true
</script>
</body>
</html>
七、string类型的几个问题
var str="10";//字符串
var str2=‘20‘;//字符串
字符串可以使用单引号,也可以使用双引号
字符串的长度如何获取? 变量名.length
var str1="fdshfjworwoijpfskj;akjfpojfiwnmoiwajdoiwajiwaewowj";
console.log(str1.length);//结果为50
字符串的拼接:
使用+可以把多个字符串放在一起形成一个字符串
只要有一个是字符串,其他的是数字,那么结果也是拼接,不是相加
如果有一个是字符串,另一个不是字符串,使用- 号,此时会发生计算
var str1="99";
console.log(str1+10);//结果为9910
var str1="99";
console.log(str1-10);//结果为89
浏览器帮助我们自动的把字符串类型转成了数字类型,这种方式叫:隐式转换
八、布尔类型
var flag=true;
console.log(Number(flag));//结果为1
var flag2=false;
console.log(Number(flag2));//结果为0
计算机内部存储:true为1,false为0
九、类型转换
其他类型转数字类型:三种方式:
1.parseInt();转整数
// console.log(parseInt("10"));//10
// console.log(parseInt("10afrswfdsf"));//10
// console.log(parseInt("g10"));//NaN
// console.log(parseInt("1fds0"));//1
// console.log(parseInt("10.98"));//10
// console.log(parseInt("10.98fdsfd"));//10
2.parseFloat()//转小数
// console.log(parseFloat("10"));//10
// console.log(parseFloat("10afrswfdsf"));//10
// console.log(parseFloat("g10"));//NaN
// console.log(parseFloat("1fds0"));//1
// console.log(parseFloat("10.98"));//10.98
// console.log(parseFloat("10.98fdsfd"));//10.98
3.Number();//转数字
console.log(Number("10"));//10
console.log(Number("10afrswfdsf"));//NaN
console.log(Number("g10"));//NaN
console.log(Number("1fds0"));//NaN
console.log(Number("10.98"));//10.98
console.log(Number("10.98fdsfd"));//NaN
//总结:想要转整数用parseInt(),想要转小数用parseFloat()
//想要转数字:Number();要比上面的两种方式严格
其他类型转字符串类型
1 .toString()
var num=10;
console.log(num.toString());//字符串类型
2 String();
var num1=20;
console.log(String(num1));
//如果变量有意义调用.toString()使用转换
//如果变量没有意义使用String()转换
var num2;
console.log(num2.toString());//报错
var num3=null;
console.log(num3.toString());//报错
//这个可以
var num2;
console.log(String(num2));//undefined
var num3=null;
console.log(String(num3));//null
其他类型转布尔类型
1 Boolean(值);
console.log(Boolean(1));//true
console.log(Boolean(0));//false
console.log(Boolean(11));//true
console.log(Boolean(-10));//true
console.log(Boolean("哈哈"));//true
console.log(Boolean(""));//false
console.log(Boolean(null));//false
console.log(Boolean(undefined));//false
以上是关于JavaScript的变量的主要内容,如果未能解决你的问题,请参考以下文章
VSCode自定义代码片段12——JavaScript的Promise对象