JavaScript变量和数据类型

变量和数据类型

当程序需要将值保存起来以备将来使用时，便将其赋值给一个变量，值的类型称作数据类型。

变量

变量是存储信息的容器。不仅可以是数字，还可以是任意数据类型。

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

声明（创建） JavaScript 变量

在JavaScript中，使用等号=对变量进行赋值。可以把任意数据类型赋值给变量，同一个变量可以反复赋值，而且可以是不同类型的变量，但是要注意只能用var申明一次，例如：

var a = 123; // a的值是整数123
a = 'ABC'; // a变为字符串

这种变量本身类型不固定的语言称之为动态语言，与之对应的是静态语言。静态语言在定义变量时必须指定变量类型，如果赋值的时候类型不匹配，就会报错。例如Java是静态语言，赋值语句如下：

int a = 123; // a是整数类型变量，类型用int申明
a = "ABC"; // 错误：不能把字符串赋给整型变量

和静态语言相比，动态语言更灵活，就是这个原因。

请不要把赋值语句的等号等同于数学的等号。比如下面的代码：

var x = 10;
x = x + 2;

如果从数学上理解x = x + 2那无论如何是不成立的，在程序中，赋值语句先计算右侧的表达式x + 2，得到结果12，再赋给变量x。由于x之前的值是10，重新赋值后，x的值变成12。

一条语句，多个变量

您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：

var name="Gates", age=56, job="CEO";

声明也可横跨多行：

var name="Gates",
age=56,
job="CEO";

提示：一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

要显示变量的内容，可以用console.log(x)，打开Chrome的控制台就可以看到结果。

var x = 100;
//在浏览器的控制台上换行输入 shift+enter
console.log(x);// 打印变量x

使用console.log()代替alert()的好处是可以避免弹出烦人的对话框。

声明变量类型

当您声明新变量时，可以使用关键词 “new” 来声明其类型：

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

数据类型

计算机很复杂并且可以使用更复杂的变量而不仅仅只是数字。数据类型就出现了。变量的出现伴随着几种类型，不同的语言支持不同的类型。

最常见的类型有:

• 数字
  • 浮点数: 一个数字, 例如 1.21323, 4, -33.5, 100004 或 0.123
  • 整数: 一个数字例如 1, 12, -33, 140 不可以是 1.233
• 字符串: 一行文本比如 "boat", "elephant" or "damn, you are tall!"
• 布尔: 只能表示真(true)或假(false)
• 数组: 一个数值的集合比如: 1,2,3,4,'I am bored now'
• 对象: 一种更复杂的对象的表现
• null: 一个空值变量，它可以为各种可能的类型。
• undefined: 一个未定义值，产生于当你使用一个对象的不存在属性或一个未赋值的变量时。

JavaScript 不支持任何创建自定义类型的机制，所有值最终都将是上述数据类型之一。

简单数据类型

JavaScript 中有5种简单数据类型（也称为「基本数据类型」或「原始数据类型」）：Undefined、Null、Boolean、Number、String 。

typeof 运算符

鉴于 JavaScript 是松散类型的，因此需要有一种手段来检测给定变量的数据类型，typeof 就是负责提供这方面信息的运算符。对一个值使用 typeof 运算符可能返回下列某个字符串：

• "undefined"，如果这个值未声明或已声明但未初始化。
• "boolean"，如果这个值是布尔值。
• "string"，如果这个值是字符串。
• "number"，如果这个值是数值。
• "object"，如果这个值是对象或 null。
• "function"，如果这个值是函数。

下面是几个使用 typeof 运算符的例子：

var message = "some string";
console.log(typeof message);     // "string"
console.log(typeof(message));    // "string"
console.log(typeof 95);          // "number"

从以上例子可以看出，typeof 运算符既可以对变量使用，又可以对字面量使用。由于 typeof 是一个运算符而不是函数，因此例子中的圆括号尽管可以使用，但并不提倡。

typeof null 结果是 "object" 是历史遗留 Bug，在 ECMAScript 6 中，曾经有提案为历史平反, 将 typeof null 的值纠正为 "null"，但最后该提案被拒。理由是历史遗留代码太多，不如继续将错就错。

从技术角度讲，函数在 JavaScript 中是对象，不是一种数据类型。然而，函数也确实有一些特殊的属性，因此通过 typeof 运算符来区分函数和其他对象是有必要的。

Undefined 类型

Undefined 类型只有1个值，即 undefined。使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined，直接使用未声明的变量会产生错误。对未声明或已声明但未初始化的变量执行 typeof 运算符会返回 "undefined" 值，例如：

var message;    // 这个变量声明之后默认取得了 undefined 值
// var age      // 这个变量并没有声明

console.log(message);           // "undefined"
console.log(age);               // 产生错误
console.log(typeof message);    // "undefined"
console.log(typeof age);        // "undefined

Null 类型

Null 类型也只有1个值，即 null。它用来表示值的空缺,表示一个“空”的值，它和0以及空字符串''不同，0是一个数值，''表示长度为0的字符串，而null表示“空”。

你可以认为 undefined 是表示系统级的、出乎意料的或类似错误的值的空缺，而 null 是表示程序级的、正常的或在意料之中的值的空缺。在下列场景中应当使用 null。

• 用来初始化一个变量，这个变量可能赋值为一个对象。
  可以通过将变量的值设置为 null 来清空变量。
  

cars=null;
person=null;

• 用来和一个已经初始化的变量比较，这个变量可以是也可以不是一个对象。
• 当函数的参数期望是对象时，作用参数传入。
• 当函数的返回值期望是对象时，作用返回值传出。

• 在下列场景中不应当使用 null。

  • 不要使用 null 来检测是否传入了某个参数。
  • 不要使用 null 来检测一个未初始化的变量。

  JavaScript的设计者希望用null表示一个空的值，而undefined表示值未定义。事实证明，这并没有什么卵用，区分两者的意义不大。大多数情况下，我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。

  Number

  JavaScript不区分整数和浮点数，统一用Number表示，以下都是合法的Number类型：

  123; // 整数123
  0.456; // 浮点数0.456
  1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5
  -99; // 负数
  NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示
  Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity
  

  计算机由于使用二进制，所以，有时候用十六进制表示整数比较方便，十六进制用0x前缀和0-9，a-f表示，例如：0xff00，0xa5b4c3d2，等等，它们和十进制表示的数值完全一样。

  浮点数

  var a = 1.1;
  var b = 0.1;
  var c = .1;     // 有效，但不推荐
  

  JavaScript 会不失时机的将浮点数转换成整数。例如：

  var a = 5.;      // 解析成整数5
  var b = 5.0;     // 解析成整数5
  

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

  console.log(0.1 + 0.2);     // 0.30000000000000004
  

  这个舍入误差会导致无法测试特定的浮点数值，因此，永远不要测试某个特定的浮点数值。

  JavaScript 算数

  Number可以直接做四则运算，规则和数学一致：

  1 + 2; // 3
  (1 + 2) * 5 / 2; // 7.5
  2 / 0; // Infinity
  0 / 0; // NaN
  10 % 3; // 1
  10.5 % 3; // 1.5
  

  注意%是求余运算。

  在 JavaScript 中进行算术计算时，所有以八进制和十六进制表示的数值最终都将被转换成十进制数值。例如：

  var a = 10;         // 十进制
  var b = 023;        // 八进制
  var c = 0x12ac;     // 十六进制
  console.log(b);     // 19
  console.log(c);     // 4780
  

  八进制第一位必须是0，后面跟八进制序列0到7，如果超出了范围，则忽略前导0，后面的数值当做十进制解析，例如：089会被解析为89。（八进制字面量在严格模式下是无效的，会抛出错误。）

  十六进制前两位必须是 0x 或 0X，后跟十六进制序列0~9、a~f（不区分大小写），如果超出了范围，则会报语法错误。

  字符串

  字符串是存储字符（比如 “Bill Gates”）的变量。

  字符串是以单引号'或双引号"括起来的任意文本，比如'abc'，"xyz"等等。请注意，''或""本身只是一种表示方式，不是字符串的一部分，因此，字符串'abc'只有a，b，c这3个字符。

  注意: 字符串不能进行减，乘或除的运算。

  String 类型用于表示由零或多个16位 Unicode 字符组成的字符序列，即字符串。

  String 数据类型包含一些特殊的字符字面量，也叫转义序列，用于表示非打印字符，或者具有其他用途的字符。

  转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，所以\\表示的字符就是\。

  \' 单引号，在用单引号表示的字符串中使用、\" 双引号，在用双引号表示的字符串中使用。

  ASCII字符可以以\x##形式的十六进制表示，例如：

  '\x41'; // 完全等同于 'A'
  

  还可以用\u####表示一个Unicode字符：

  '\u4e2d\u6587'; // 完全等同于 '中文'
  

  多行字符串

  由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号`...`表示：

  `这是一个
  多行
  字符串`;
  

  注意：反引号在键盘的ESC下方，数字键1的左边：

  ┌─────┐ ┌─────┬─────┬─────┬─────┐
  │ ESC │ │ F1  │ F2  │ F3  │ F4  │
  │     │ │     │     │     │     │
  └─────┘ └─────┴─────┴─────┴─────┘
  ┌─────┬─────┬─────┬─────┬─────┐
  │  ~  │  !  │  @  │  #  │  $  │
  │  `  │  1  │  2  │  3  │  4  │
  ├─────┴──┬──┴──┬──┴──┬──┴──┬──┘
  │        │     │     │     │
  │  tab   │  Q  │  W  │  E  │
  ├────────┴──┬──┴──┬──┴──┬──┘
  │           │     │     │
  │ caps lock │  A  │  S  │
  └───────────┴─────┴─────┘
  

  模板字符串

  要把多个字符串连接起来，可以用+号连接：

  var name = '小明';
  var age = 20;
  var message = '你好, ' + name + ', 你今年' + age + '岁了!';
  alert(message);
  

  如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：

  var name = '小明';
  var age = 20;
  var message = `你好, ${name}, 你今年${age}岁了!`;
  alert(message);
  

  操作字符串

  长度

  var s = 'Hello, world!';
  s.length; // 13
  

  获取字符串某个指定位置的字符

  使用类似Array的下标操作，索引号从0开始：

  var s = 'Hello, world!';
  
  s[0]; // 'H'
  s[6]; // ' '
  s[7]; // 'w'
  s[12]; // '!'
  s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined
  

  字符串是不可变的

  如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果：

  var s = 'Test';
  s[0] = 'X';
  alert(s); // s仍然为'Test'
  

  JavaScript为字符串提供了一些常用方法，注意，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串：

  字符串大小写转换

  var s = 'Hello';
  s.toUpperCase(); // 返回'HELLO'
  

  var s = 'Hello';
  var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
  lower; // 'hello'
  

  搜索指定字符串出现的位置

  var s = 'hello, world';
  s.indexOf('world'); // 返回7
  s.indexOf('World'); // 没有找到指定的子串，返回-1
  

  返回指定索引区间的子串

  var s = 'hello, world'
  s.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello'
  s.substring(7); // 从索引7开始到结束，返回'world'