一、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.自减运算

            – –变量

            – 变量–

        注意

            – 加号和减号在前在后是一样的

            – 当自增自减遇到了运算或者者输出的时候是有区别的

                – 符号在前的先运算后输出

                – 符号在后的先输出再运算