JS 变量与数据类型（慢慢的就开始啦）

变量

• 变量（标识符）：变量存储数据的容器，变量名中存放数据

• 语法： 声明变量： var 变量名 = 值

• 命名规则：

  1.只能以字母、数字、下划线，$组成，并且不能以数字开头

  2.不能使用关键字和保留字

  3.见明知意，遵循驼峰标识 tagName TagName

  4.不要重名,后面的会覆盖前面

• //1.声明变量
  var a;
  console.log(a); //undefined ,未定义，声明变量，但是没有赋值
  a = 100000;
  console.log(a);  //100000
  ​
  //2.声明的同时赋值
  var b = 10;
  console.log(b);
  ​
  //3.同时声明
  var x = 0,y = 100000,z = -100;
  console.log(x,y,z); //0 100000 -100
  ​
  //4.连等
  var m = n = 300;
  console.log(m,n); //300 300
  ​
  ​
  //5.不声明变量直接赋值 （不建议使用）
  h = "我是奇葩";
  console.log(h); //我是奇葩
  ​
  //6.没声明没定义直接使用
  alert(w);  // w is not defined
  ​
  ​
  /* 
         变量（标识符）命名规则：
         1.变量名只能以数字、字母、下划线、$组成，不能以数字开头
         2.不能使用关键字和保留字
         3.见名知意，遵循驼峰标识 
         4.不要重名,后面会覆盖前面的
  ​
         A. var a_1 = 10;
         B. Var b1 = 20;   错 V大写
         C. var $% = 30;   错 %
         D. var 0q = 40;   错 数字在前       
  */

js数据类型

根据数据类型合理的分配内存，不同数据类型会有不同操作

 js数据类型的分类

六大数据类型，5个基本数据类型，一个特殊类型

• 五个基本数据类型

  • number -- 数值类型

  • string -- 字符串 “a” ‘b’

  • boolean -- 布尔 true false

  • undefined -- 未定义

  • null -- 空

• 复杂类型（对象类型，引用类型）

  • object：对象

  • array ： 数组

  • function：函数

检测数据类型

• typeof：检测数据类型

• 语法：

  • typeof(检测的数据)

  • typeof 检测的数据

  //typeof:检测js的数据类型，返回具体的类型
  var a;  //js是弱类型
  var s1 = 10;
  var s2 = 3.14;
  ​
  //语法1: typeof(要检测的数据)
  var s = typeof(s1);
  console.log(typeof(s1));
  console.log(s); //"number"
  ​
  //语法1: typeof 要检测的数据
  console.log(typeof s2); //number

number数据类型

number：数值类型，包含小数、整数、十六进制，八进制、NaN、infinity

• 基本数值

  //1.数字类型：整数，小数，
  var num1 = 10;
  var num2 = 3.14;
  console.log(1,typeof(num1),typeof num2); //"number"  "number"

• 进制

  //八进制：以0开头，没有操作8的数，就是八进制
  var num3 = 056;
  console.log(typeof num3,num3); //"number"  55(输出打印的是10进制)
  ​
  //十六进制：0x开头
  var num4 = 0x22;
  console.log(typeof num4,num4); //"number"  34

• 特殊

  //NaN : not a number (什么情况会出现NaN,是否相等)
  var num5 = NaN;  //自己定义的
  console.log(typeof num5); //"number"
  console.log("哈哈"*2,10/"你好"); //运算出错就会出现NaN
  console.log(NaN == NaN); //false
  ​
  //Infinity:无穷大
  var num6 = 10/0;
  console.log(num6,typeof num6); //Infinity "number"
  ​
  //精度缺失,不要用小数做判断
  console.log(0.1+0.2 == 0.3); //false，0.30000000000000004

string数据类型

string:字符串 ，引号引起来的就是字符串 “” ’‘

• 基础

  //string:字符串 ，引号引起来的就是字符串 “” ’‘
  var str1 = "wusheng";
  var str2 = '03112345678';
  console.log(typeof str1,typeof str2);  //string string

• 字符串操作

  var str1 = "wusheng";
  var str2 = '03112345678';
  //字符串.length : 获取字符串的长度
  var len = str1.length;
  console.log(len); //7
  ​
  //字符串.charAt(下标):下标从0开始
  console.log(str2.charAt(0));
  console.log(str2[0]); //IE7不兼容

• 特殊

  //特殊,+号遇到字符串就会变成拼接符
  console.log(10 + 10); //20
  console.log(10 + 20 + "10" + 20); //"301020"
  ​
  var age = 18;  
  console.log("我今年：age"); //我今年：age  
  //变量和数字不加引号，其他都加
  console.log("我今年：" + age);

boolean数据类型

• boolean：布尔类型 true false 判断

  //1.boolean：布尔类型  true false  判断
  console.log(10 > 20); //false
  console.log(typeof true); //"boolean"

null与undefined

• null

  //2.undefined：未定义，声明变量但是没有赋值
  var un;
  console.log(un,typeof un); //undefined "undefined"

• undefined

  //3.null ： 空
  var nu1 = null;
  console.log(typeof nu1);  //object  空对象
  var nu2 = document.getElementById("box");
  console.log(nu2,typeof nu2); //null "object"

• null与undefined的区别

  undefined：空变量，未定义，声明变量但是没有赋值，没有存储空间
  null：空对象，访问一个不存在对象返回的结果，有存储空间