一、js的变量使用
用来储存数据的容器
var+名称=
1.如何去创建容器 关键字 var(variable:adj/n 多变的/变化的)
var 变量名字
2.储存数据 用一个符号 =
var person = '传国';
person = '如花' ;// 重新赋值
alert(person);
第一种创建方式
var gf = '如花' 常用方式
引号引起来 单双引号都可以
第二种创建方式
var GF
GF = '翠花'
第三种创建方式
var a,b
a='狗蛋'
b='狗剩'
第四种创建方式
var c = d = '二狗子'
注意
- 声明变量的时候用的是关键字var 在var的后面需要加一个空格再写变量名称
- 声明变量的时候var是可以省略的,建议还是写上
- 需要注意重新赋值的操作
- 由于js没有那么严格规范,在每一句js语句结束后可以加分号也可以不加分号
变量的总结:
- 声明变量时候需要注意不要使用一些奇怪的符号 name1、_name
- 赋值操作 左侧是变量 右侧是值 把右侧的值给到左侧的变量
- 分号可加可不加
二、js的输出方式
alert()
表示浏览器的弹窗 用户提示警告
例子：alert("你好世界~")
document.write()
可以在浏览器的显示区域显示文本
例子：document.write('<b>这是一段骚话~</b>') // 不仅可以输出文本 还可以输出标签
console.log() 重要
表示浏览器的日志
例子：console.log('这又是一段骚话')
confirm() 提示
例子：confirm('你确定要删除好友吗?')
prompt()
可以和用户交互的方式
例子：prompt('请输入您的银行卡密码')
三、js的数据分类
检测数据类型需要使用方法 typeof(检测的数据)
- number 数字类型(正数、负数、0)
var a = 1
console.log(typeof a)
- string 字符串类型
只要加了引号的都是字符串
var b = '某某某'
console.log(typeof b)
- undefined
未定义(只声明没有赋值)
var c
console.log(typeof c)
- boolean
布尔类型(true和false)
var d = false
console.log(typeof d)
- Object
数组
var e = []
- 对象
var f = {}
- null 空
var g = null
console.log(typeof e,typeof f,typeof g)
拓展:除了以上这些数据类型 还有以下
- symbol(ES6)
- bigint(ES10)
- 数据类型可以分为基本数据类型和引用数据类型
四、转化为数字类型
常用：
1.将字符串类型转换为数字类型
- 语法: Number(转换的数据)
- 控制台中黑色的字体是字符串,转换为数字类型后字体显示为蓝色的
- 如果引号里面是数字会转换为数字类型,如果引号里面是非数字 显示NaN(not a number)
2.将数据转换为数字类型
- 语法:parseInt(转换的数据)
- 可以将字符串转换为数字类型并且取整
3.将数据转换为数字类型
- 语法:parseFloat(转换的数据)
- 将字符串转换为数字类型并且保留小数(浮点数)
4.将数据转换为数字类型
- 语法:Math.round(转换的数据)
- 将字符串转换为数字类型并且四舍五入(小数位后的第一位)
代码例
var a = 语法
var a1 = 语法(a)
console.log(a,a1)
console.log(typeof a,typeof a1)
不常用
1.布尔类型转换为数字类型
- Number()和Math.round()方法得到的是1(true)和0(false)
- parseInt()和parseFloat()方法得到是NaN
2.将undefined转换成数字类型
- 转换为数字类型没有道理 全是NaN
3.将null转换为数字类型
- Number()和Math.round()方法得到的是0
- parseInt()和parseFloat()方法得到是NaN
转化为字符串
- 方法1:String(转换的数据)
- 方法2:转换的数据.toString()
1.将数字类型转换为字符串类型
- 两种方法都可以转换为字符串类型
2.将布尔类型转换为字符串类型
- 给布尔类型添加了引号变成字符串
3.undefined转换为字符串类型
- String()转换会变换成字符串的undefined
- 转换的数据.toString()转换成字符串会报错
4.将null转换为字符串类型
- String()转换会变换成字符串的null字符串
- 转换的数据.toString()转换成字符串会报错
例
var a = 其他类型语法
console.log(String(a))
var d = 其他类型语法
console.log(d.toString())
转化为布尔类型
- 方法:Boolean(转换的数据)
1.将数字类型转换为布尔类型
- 非0都是true 0转换为false
2.将字符串转换为布尔类型
- 引号里面有字符的时候为true 没有字符为空的时候转换为false
3.将undefined转换为布尔类型 false
4.将null转换为布尔类型 false
例
var a = 其他类型语法
console.log(Boolean(a))
五、数字运算
针对于数字类型进行计算
+ - * / %
%（ 求余数）
- a > b 余数是除不尽剩下的数
- a < b 余数就是a的本身
var a = 5
var b = 6
console.log(a+b) // 9
console.log(a-b) // -3
console.log(a*b) // 18
console.log(a/b) // 0.5
console.log(a%b) // 5
注意:数学运算只针对于数字类型
结果显示相当于数学运算
特殊情况: + 字符串拼接
- 如果是字符串的情况下 加号会是字符串拼接
- 在加号的某一边是字符串,转换为字符串的拼接
少见情况：
undefined和null之间的使用
var e
var f = null
console.log(e+f) // NaN
六、赋值运算
赋值运算符: = += -= *= /= %=
先相加后赋值
七、比较运算
比较运算符:得出的结果都是布尔值
> < >= <= == === != !==
1.> 大于号
2.< 小于号
3.<= 小于等于
4.>= 大于等于
5.== 两个等号等于是否为对比
6.=== 强等、恒等
7.!= 不等于
注意: = == ===
- 一个等号表示赋值
- 两个等号表示比较值
- 三个等号表示比较的是类型和值
八、逻辑运算
逻辑运算符: && || ! (与或非)
- && 并且 条件1&&条件2&&条件3...
// 传国身高必须要有180cm 并且 要有100w 才能娶到老婆
var height = 150
var money = 10
var res1 = height>=180 && money>=1000000
console.log(res1)
- || 或者 条件1||条件2||条件3...
// 传国身高必须要有180cm 或者 要有100w 才能娶到老婆
var height = 180
var money = 10
var res2 = height>=180 || money>=1000000
console.log(res2)
-！取反
// 传国很帅
var CG = true
console.log(!CG)
总结：
逻辑运算符: && || !
1.并且 串联 满足两个或者多个才会输出true
- true && false => false
- true && true => true
- false && false => false
- false && true => false
2.或者 并联 满足一个条件就可以输出true
- true || false => true
- true || true => true
- false || false => false
- false || true => true
3.取反 !
- true => false
- false =>true
九、自增自减
别名：一元运算符
1.自增运算
- ++变量
- 变量++
2.自减运算
- --变量
- 变量--
注意
- 加号和减号在前在后是一样的
- 当自增自减遇到了运算或者输出的时候是有区别的
- 符号在前的先运算后输出
- 符号在后的先输出再运算
