一 变量概念
1 变量指的是在程序中保存数据的一个容器
2 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
3 也就是说,我们向内存中存储了一个数据,然后要给这个数据起个名字 ,为的是我们以后再次找到他
4 变量的本质是内存中的一个存储单元
5 语法:var 变量名 = 值
二 定义变量及赋值
1 定义一个变量 : var num;
2 给一个变量赋值 :num=100;
3 定义一个变量同时给他赋值 : var num=100;
注意:一个变量名只能有一个值,当再次给一个变量赋值的时候,前面一次的值就没了,变量名称区分大小写 (JS区分大小写)
三 变量的命名规则和命名规范
规则: 必须遵守的,不遵守就是错误
1 一个变量名称可以由数字、字母、下划线、美元符号组成
2 严格区分大小写
3 不能是数字开头,不要使用中文汉字命名
4 不能是保留字和关键字
5 不要出现空格
规范 : 建议遵守(开发者默认),不遵守也不会报错
1 变量名尽量有意义 (语义化)
2 遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写
四 访问变量值
1 控制台输出语句 console.log (“输出内容”)
2 引号中的内容被打印显示到控制台窗口
3 console.log (变量名),变量名的值被打印显示到控制台窗口
五 变量内存结构图
数据类型
一 数据类型引入
不同容器可以放不同类型的东西,根据容器放的东西不同,将其分成不同类型
二 基本数据类型
1 数值类型(number):
一切数字都是数值类型(包括二进制、十进制、十六进制等)
NaN , 一个非数字的数值类型
2 字符串类型(string):
被引号包裹的所有内容,可以是单引号也可以是双引号
3 布尔类型(boolean):
只有2个 true(成立); false (不成立)
4 null类型(null):
只有一个,就是 null ,表示空的意思
5 undefined类型 (undefined)
只有一个,就是undefined,表示没有值
三 判断数据类型
1 typeof : var n1=100 ,console.log(typeof n1) 或 console.log(typeof(n1))
2 isNaN(x) : isNaN(x)函数用于检查器参数 x 是否是非数字值,是非数字值显示true,否则显示false。
如果变量是一个数字:var n1=100; console.log(isNaN(n1)); 显示 false
如果变量不是一个数字 : var s1="jack" ; console.log(isNaN(s1)) 显示 true
注意:检查的值是数字形式的字符串会自动转为数字,再判断
提示:isNaN(x)函数通常用于检测parseFloat()和parseInt()的结果,以判断它们表示的是否是合法的数字,当然也可以用isNaN()函数来检测算数错误,比如用0作除数的情况。
四 数据类型转换
1 其他数据类型转成数值
Number(变量):可以把一个变量强制转换成数值类型,可以转换小数,会保留小数;可 以转换布尔值,遇到不可转换的都会 显示 NaN
parseInt (变量):从第一位开始检查,是数字就转换,遇到不是数字的内容就停止;如果 开头就不是数字,就直接 显示 NaN;不认识小数点,只能保留整数。
parseFloat(变量):从第一位开始检查,是数字就转换,遇到不是数字的内容就停止, 如果开头就不是数字,就直接 显示 NaN;认识一次小数点
除了加法以外的数字运算:运算符2边都是可以运算的数字才可以;如果运算符任何一边 不是一个可以运算的数字,就会显示 NaN,加法不可以用
2 其他数据类型转换成字符串
变量 .toString():有一些数据类型不能使用这个方法,比如:undefined 和 null
String(变量):所有数据类型都可以使用
String(100) => "100"
String(true)=> "true"
String (fregrtg) =>"fregrtg"
使用加法运算:在JS里面,+ 有2个含义,
字符串拼接:只要 + 任意一边是字符串,就会进行字符串的拼接
加法运算:只有 + 两边都是数字的时候才会进行数序运算
3 其他数据类型转换成布尔类型
Boolean(变量):在 js 中,只有 “ ”、0 、null 、undefined 、NaN,这些是false,其余 都是true
运算符
概念:就是在代码里面进行运算的时候使用符号,不只是数学运算,我们在 js 里面还有很多的运 算方式
1 数学运算符
1 + :只有符号两边都是数字的时候才会进行加法运算,
只要付好任意一边是字符串类型,就会进行字符串拼接
2 - :会执行减法运算,会自动把两边都转换成数字进行运算
3 * :会执行乘法运算,会自动把两边都转换成数字进行运算
4 / :会执行除法运算,会自动把两边都转换成数字进行运算
5 % :会执行取余运算,会自动把两边都转换成数字进行运算
2 赋值运算符
1 = :就是把 = 右边的赋值给等号左边的变量名,比如:var a=100,就是把100赋值给 a 变量, a 的变量值就是100
2 += :var a=10, a +=10; console.log(a)=>20
a +=10等价于 a=a +10
3 -= :var a= 10,
a -=10等价于 a=a - 10
4 *= : a*=10 等价于 a =a*10
5 /= : a/=10 等价于 a=a/10
6 %= : a%=10 等价于 a =a%10
3 比较运算符
1 == :比较符号2边的值是否相等,不管数据类型
1 ==“1” true
2 ===:比较符号2边的值和数据类型是否相等
1 === “1” ,数据类型不同,false
3 != :不等于符号,只比较数值
4 !==:不等于符号,不仅看数值,也看数据类型
5 >= : 大于等于符号
6 <= :小于等于符号
7 > : 大于符号
8 < : 小于符号
4 逻辑运算符
1 && :运行 且 的运算,需要符号2边同时满足
2 || : 进行 或 的运算,符号左边满足或者右边满足
3 !:进行 取反 运算,!true ==>false ; ! flase ==> true
5 自增自减运算符
1 ++ :进行自增运算,分为 前置 ++ 和后置 ++
前置++,先把值自动 +1,再运算
后置++,先运算一次,再把值自动 +1
2 -- :进行自减运算,分为 前置 -- 和后置 -- ,和 ++ 运算符道理一样