004. 变量(重点)
变量的意义
- 变量指的是在程序中保存数据的一个容器
- 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
- 也就是说,我们向内存中存储了一个数据,然后要给这个数据起一个名字,为了是我们以后再次找到他
- 语法:
var 变量名 = 值
4-1 定义变量及赋值
// 定义一个变量不赋值
var x;
// 给一个变量赋值
x = 100;
// 定义一个变量的同时给其赋值
var x = 200;
var y = x + 200
//统一赋值
var z m n
var z=1,m=2,n=3
- 注意:
- 一个变量名只能存储一个值
- 当再次给一个变量赋值的时候,前面一次的值就没有了
- 变量名称区分大小写(
JS严格区分大小写) - x和=前后有空格
- 变量名字不能用被声明的定义
4-2 变量的命名规则和命名规范
-
规则: 必须遵守的,不遵守就是错
- 一个变量名称可以由 数字、字母、英文下划线(_)、美元符号($) 组成,不能用别的符号,符号在前面在后面都可以
- 严格区分大小写
- 不能由数字开头
- 不能是 保留字(未用到但保留的字) 或者 关键字(已经用到的字)
- 变量命名不要出现空格
-
规范: 建议遵守的(开发者默认),不遵守不会报错
- 变量名尽量有意义(语义化)
- 不要使用中文(html5之后可以用了,但是不建议用),可以用拼音
- 遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写 例如:goodNumberAge good_Number可以用但不推荐
005. 数据类型(重点)
- 是指我们存储在内存中的数据的类型
- 我们通常分为两大类 基本数据类型 和 复杂数据类型
5-1.基本数据类型
- 数值类型(number)
- 18,12.59(浮点数),2e3,十六进制,八进制,二进制(默认十进制),NaN
- 一切数字都是数值类型(包括二进制,十进制,十六进制等)
NaN(not a number),一个非数字
- 字符串类型(string)
- 被引号包裹的所有内容(可以是单引号也可以是双引号)
- 布尔类型(boolean)
- 只有两个(
true或者false)
- 只有两个(
- null类型(null)
- 只有一个,就是
null,表示空的意思
- 只有一个,就是
- undefined类型(undefined)
- 只有一个,就是
undefined,表示没有值的意思 6.symble
- 只有一个,就是
//一.数值类型(number)
var age =18
// console.log(age+20)
var price =12.5//浮点数
// console.log(price)
var year =2e3//科学计数法(2*10^3=2000)
// console.log(year)
var a =0xff//十六进制 1-9,a,b,c,d,e,f
var b =077//八进制(7*8+7=63)
var c =0b11//二进制(1*2+1=3)
// console.log(c)
//二.字符串类型(string)
var num1 =10
var num2 ="20"
var zhimingming =‵hello‵//双引号单引号都可以
//console.log(num1+num2)类型转换
//数值有颜色,字符串没颜色
//三.布尔类型(boolean)
var isChecked =true
//var isChecked =false
// console.log(isChecked)
//四.null类型(null)
//知道要赋值一个对象,先赋空等着
var whiceobject =null
// console.log(whiceobject)
//五.undefined类型(undefined)
//不知道将来赋什么对象,用处:未来可以任意赋值
var which //声明了,但未赋值
// console.log(which)
var which =100
// console.log(which)
5-2.判断数据类型
- 使用
typeof关键字来进行判断
// 第一种使用方式
var n1 = 100;
console.log(typeof n1);
// 第二种使用方式
var s1 = 'abcdefg';
console.log(typeof(s1));
//结果一定是字符串 typeof类型
console.log(typeof typeof a)
console.log(typeof typeof a + 100)
006. 数据类型转换
- 数据类型之间的转换,比如数字转成字符串,字符串转成布尔,布尔转成数字等
6.1 其他数据类型转成数值
-
Number(变量)可以把一个变量强制转换成数值类型
可以转换小数,会保留小数
可以转换布尔值
遇到不可转换的都会返回
NaN
var a ="100"
var b =Number(a)
console.log(typeof a,typeof b)
//console.log(b)
var a =false//true false
var b =Number(a)//1,0
console.log(a,b)
var a =null
var b =Number(a)//0
console.log(a,b)
var a =undefined
var b =Number(a)//0
console.log(a,b)
var a ="123abc"
var b =Number(a)//NaN
console.log(a,b)
-
parseInt(变量)从第一位开始检查,是数字就转换,知道一个不是数字的内容
开头就不是数字,那么直接返回
NaN不认识小数点,只能保留整数
var a ="123abc"
var b =parseInt(a)//123 保留数字,不保留字母
console.log(a,b)
var a ="123.56"
var b =parseInt(a)//123 保留数字,不保留小数
console.log(a,b)
-
parseFloat(变量)从第一位开始检查,是数字就转换,知道一个不是数字的内容
开头就不是数字,那么直接返回
NaN认识一次小数点
var a ="123.56abc"
var b =parseFloat(a)//123.56 保留数字和小数
console.log(a,b)
var a ="1。25rem"
var b =parseFloat(a)//1.25 保留数字和小数
console.log(a,b)
-
除了加法以外的数学运算
运算符两边都是可运算数字才行
如果运算符任何一遍不是一个可运算数字,那么就会返回
NaN加法不可以用
//非加号 -0 /1 *1
var a ="100"
var b = a+0//1000
var b = a-0//100
var b = a-1//99 数值类型改变了
console.log(b)
6.2 其他数据类型转成字符串
-
String(变量)所有数据类型都可以转成字符串
var a ="100"
var b = string(a)//100 ‵100‵
console.log(a,b)
var a ="100"
var b = string(a)//number string
console.log(typeof a,typeof b)
var a =true
var b = string(a)//true ‵true‵
console.log(a,b)
var a =undefined
var b = string(a)//undefined ‵undefined‵
console.log(a,b)
var a =null
var b = string(a)//null ‵null‵
console.log(a,b)
-
变量.toString()有一些数据类型不能使用
toString()方法,比如undefined和null
var a ="100"
var b = a.tostring(a)//100 ‵100‵
console.log(a,b)
var a =true
var b = a.tostring(a)//true ‵true‵
console.log(a,b)
var a =undefined
var b = a.tostring(a)//报错
console.log(a,b)
var a =null
var b = a.tostring(a)//报错
console.log(a,b)
-
使用加法运算
在 JS 里面,
+由两个含义字符串拼接: 只要
+任意一边是字符串,就会进行字符串拼接加法运算:只有
+两边都是数字的时候,才会进行数学运算
var a =100
var b = a+"" //100 ‵100‵
console.log(a,b)
6.3 其他数据类型转成布尔
-
Boolean(变量)在 js 中,只有
''、0、null、undefined、NaN,这些是false其余都是
true
var a =100
var b = Boolean(a) //100 true
console.log(a,b)
var a =0
var b = Boolean(a) //0 true
console.log(a,b)
var a =""
var b = Boolean(a) // false
console.log(a,b)
var a =undefined
var b = Boolean(a) // undefined false
console.log(a,b)
var a =null
var b = Boolean(a) // null false
console.log(a,b)
var a =NaN
var b = Boolean(a) // NaN false
console.log(a,b)