JavaScript的基本语法之变量与数据类型（一）

1、变量

什么是变量

• 什么是变量

  变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据

• 为什么要使用变量

  使用变量可以方便的获取或者修改内存中的数据

如何使用变量

• var声明变量 ：    var age;
• 同时声明多个变量 ：var age, name, sex;
                                    age = 10;
                                    name = 'zs';
• 同时声明多个变量并赋值 （变量初始化）：var age = 10, name = 'zs';

 

变量的命名规则和规范

• 规则 - 必须遵守的，不遵守会报错

  • 由字母、数字、下划线、$符号组成，不能以数字开头

  • 不能是关键字和保留字，例如：for、while。

  • 区分大小写

• 规范 - 建议遵守的，不遵守不会报错

  • 变量名必须有意义

  • 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：userName、userPassword

2、数据类型

简单数据类型（原始类型）

Number、String、Boolean、Undefined、Null、Object

Number类型

在计算机科学中，字面量（literal）是用于表达源代码中一个固定值的表示法（notation），可以理解成一眼就能知道的量

• 数值字面量：数值的固定值的表示法

110 1024 60.5

• 进制

十进制 var num = 9;

进行算数计算时，八进制和十六进制表示的数值最终都将被转换成十进制数值。

十六进制

var num = 0xA;

     数字序列范围：0~9以及A~F

八进制

  var num1 = 07;   // 对应十进制的7  

var num2 = 019; // 对应十进制的19  

var num3 = 08;   // 对应十进制的8  

数字序列范围：0~7   如果字面值中的数值超出了范围，那么前导零将被忽略，后面的数值将被当作十进制数值解析

• 浮点数

浮点数的精度问题

浮点数 var n = 5e-324;   // 科学计数法 5乘以10的-324次方  

浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数

  var result = 0.1 + 0.2;   // 结果不是 0.3，而是：0.30000000000000004   console.log(0.07 * 100);  

不要判断两个浮点数是否相等

• 数值范围

最小值：Number.MIN_VALUE，这个值为： 5e-324

最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308

无穷大：Infinity

无穷小：-Infinity

• 数值判断

NaN：not a number

NaN 与任何值都不相等，包括他本身

isNaN: is not a number（是 不是一个数字）

String类型

     'abc' "abc"

• 字符串字面量

'哈哈哈'，'嘿嘿嘿', "嘻嘻嘻"

•        字符串长度

length属性用来获取字符串的长度

var str = '哎呀呀 Hello World';
console.log(str.length);

• 字符串拼接

字符串拼接使用 + 连接

console.log(11 + 11);
console.log('hello' + ' world');
console.log('100' + '100');
console.log('11' + 11);
console.log('male:' + true);

1. 两边只要有一个是字符串，那么+就是字符串拼接功能

2. 两边如果都是数字，那么就是算术功能。

Boolean类型

• Boolean字面量： true和false，区分大小写

• 计算机内部存储：true为1，false为0

Undefined和Null

1. undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined

2. null表示一个空，变量的值如果想为null，必须手动设置

复杂数据类型

Object

3、如何获取变量的类型

typeof

var age = 18;
console.log(typeof age);  // 'number'

4、数据类型转换

如何使用谷歌浏览器，快速的查看数据类型？

字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的

转换成字符串类型

• toString()

      var num = 5;

      console.log(num.toString());

• String()

       String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null

       变量没有意义使用String()转换

• 拼接字符串方式

  num + ""，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

转换成数值类型

• Number()

      Number()可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN

  console.log(Number("10"));//10
  console.log(Number("10afrswfdsf"));//NaN
  console.log(Number("g10"));//NaN
  console.log(Number("1fds0"));//NaN
  console.log(Number("10.98"));//10.98
  console.log(Number("10.98fdsfd"));//NaN

• parseInt()

var num1 = parseInt("12.3abc");  // 返回12，如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123");   // 返回NaN，如果第一个字符不是数字或者符号就返回NaN

• parseFloat()

parseFloat()把字符串转换成浮点数
parseFloat()和parseInt非常相似，不同之处在与 parseFloat会解析第一个. 遇到第二个.或者非数字结束  如果解析的内容里只有整数，解析成整数。

parseFloat()//转小数

console.log(parseFloat("10"));//10 

console.log(parseFloat("10afrswfdsf"));//10 

console.log(parseFloat("g10"));//NaN 

console.log(parseFloat("1fds0"));//1 

console.log(parseFloat("10.98"));//10.98 

console.log(parseFloat("10.98fdsfd"));//10.98 

总结:想要转整数用parseInt(),想要转小数用parseFloat()

想要转数字:Number();要比上面的两种方式严格

转换成布尔类型

• Boolean()

   0 ''(空字符串) null undefined NaN 会转换成false 其它都会转换成true

 

注意：

1、不要用NaN验证是不是NaN

    var num;
    console.log(num+10==NaN);
    console.log("您好"=="我好")

 

2、不要用小数去验证小数

  var x=0.1;
   var y=0.2;
    var sum=x+y;
    console.log(sum==0.3);

一眼看过去sum是0.3，但是在控制台却不一样

3、如何验证这个结果是不是NaN,应该使用isNaN()

 var num;//-----变量声明了,没有赋值,结果是:undefined
    是不是不是一个数字----->不是一个数字吗？ NaN--->不是一个数字
    console.log(isNaN(10));

4、判断结果不是一个数字可以使用isNaN(变量名

 var str="您好";
   var num;
   var sum=num+10;//NaN
   console.log(sum);
  console.log(isNaN(sum));//不是数字为true,是数字结果为false