004-006 JS之变量与数据类型(P7-P13)

119 阅读6分钟

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
  • 注意:
    1. 一个变量名只能存储一个值
    2. 当再次给一个变量赋值的时候,前面一次的值就没有了
    3. 变量名称区分大小写(JS 严格区分大小写)
    4. x和=前后有空格
    5. 变量名字不能用被声明的定义
4-2 变量的命名规则和命名规范
  • 规则: 必须遵守的,不遵守就是错

    1. 一个变量名称可以由 数字字母英文下划线(_)美元符号($) 组成,不能用别的符号,符号在前面在后面都可以
    2. 严格区分大小写
    3. 不能由数字开头
    4. 不能是 保留字(未用到但保留的字) 或者 关键字(已经用到的字)
    5. 变量命名不要出现空格
  • 规范: 建议遵守的(开发者默认),不遵守不会报错

    1. 变量名尽量有意义(语义化)
    2. 不要使用中文(html5之后可以用了,但是不建议用),可以用拼音
    3. 遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写 例如:goodNumberAge good_Number可以用但不推荐

005. 数据类型(重点)

  • 是指我们存储在内存中的数据的类型
  • 我们通常分为两大类 基本数据类型复杂数据类型
5-1.基本数据类型
  1. 数值类型(number)
    • 18,12.59(浮点数),2e3,十六进制,八进制,二进制(默认十进制),NaN
    • 一切数字都是数值类型(包括二进制,十进制,十六进制等)
    • NaN(not a number),一个非数字
  2. 字符串类型(string)
    • 被引号包裹的所有内容(可以是单引号也可以是双引号)
  3. 布尔类型(boolean)
    • 只有两个(true 或者 false
  4. null类型(null)
    • 只有一个,就是 null,表示空的意思
  5. 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 其他数据类型转成数值
  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)

  1. 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)
  1. 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)
  1. 除了加法以外的数学运算

    运算符两边都是可运算数字才行

    如果运算符任何一遍不是一个可运算数字,那么就会返回 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 其他数据类型转成字符串
  1. 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)

  1. 变量.toString()

    有一些数据类型不能使用 toString() 方法,比如 undefinednull

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)

  1. 使用加法运算

    在 JS 里面,+ 由两个含义

    字符串拼接: 只要 + 任意一边是字符串,就会进行字符串拼接

    加法运算:只有 + 两边都是数字的时候,才会进行数学运算

var a =100
var b = a+"" //100 ‵100‵
console.log(a,b)

6.3 其他数据类型转成布尔
  1. Boolean(变量)

    在 js 中,只有 ''0nullundefinedNaN,这些是 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)