[前端日记][基础日记] 基本概念

关键字和保留字:

ECMA-262描述了有一组具有特定用途的关键字，这些关键字可用于表示控制语句的开始或者结束，或者用于执行特定操作等。按照规则，关键字也是保留语言保留的，不能用作标识符，以下是ECMAScript的全部关键字：

break	do	instanceof	typeof
case	else	new	var
catch	finally	return	void
continue	for	switch	while
debugger	function	this	with
default	if	throw	delete
in	try

ECMA-262还描述了另外一组不能用作标识符的保留字。尽管保留字在这门语言中还没有任何特定的用途，但它们是有可能在将来被用作关键字。以下是ECMA-262第三版定义的全部保留字：

abstract	enum	int	short
boolean	export	interface	static
byte	extends	long	super
char	final	native	synchronized
class	float	package	throws
const	goto	private	transient
debugger	implements	protected	volatile
double	import	public

变量：

ECMAScript的变量是松散类型的，所谓松散类型就是可以保存任何类型的数据。换句话说，每个变量仅仅是一个用于保存值的占位符而已。如：

var massage;

代码定义了一个名为massage的变量，该变量可以用于保存任何值，未经初始化的变量会保存一个特殊值，即undefined。

在函数中使用var定义变量，在函数退出后就会被销毁，举例：

function hello () {
    var massage = "hi";
}

hello();
console.log(massage); // 错误

一条语句可以定义多个变量，举例：

var massage  = "hi",
    found = false,
    age = 29;

数据类型：

ECMAScript中有5种简单数据类型：Undefined、Null、Boolean、Number和String，一种复杂类型Object，Object本质是由一组无序的名值对组成的。

typeof操作符：

typeof可能返回的字符串：

• "undefined"——如果这个值未定义；

• "boolean"——如果这个值是布尔值；

• "string"——如果这个值是字符串；

• "number"——如果这个值是数值；

• "object"——如果这个值是对象或null；

• "function"——如果这个值是函数；

var massage  = "hi";
alert(typeof massage); // "string"
alert(typeof(massage)); // "string"
alert(typeof 95)； // "number"
alert(typeof null); // "object", 因为特殊值null被认为是一个空的对象引用

undefined类型：

变量声明但未初始化的，数值为undefined，未声明的变量的typeof也是undefined，举例：

var massage;

// 该变量未声明
// var age;

alert(massage);  // "undefined"
alert(age); // 报错

alert(typeof message); // "undefined"
alert(typeof age); // "undefined"

Null类型：

Null是只有一个值的数据类型。这个数值为null。从逻辑角度看，null值表示一个对象空指针，这也是使用typeof操作检测null值会返回object的原因，举例：

var car = null;
alert(typeof car); // "object"

如果定义变量准备将来用于保存对象，最好初始化为null而不是其他值，这样，直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用，举例：

var car = null;
if (car != null) {
    // 对car的操作
}

实际上undefined值派生自null值，因此ECMA-262规定对他们的相等性测试要返回true，举例：

alert(null == undefined); // true

只要意在保存对象的变量还没有真正保存对象，就应该明确的让该变量保存null值，这样做不仅可以体现null作为空对象指针的惯例，而且也有助于进一步区分null和undefined。

Boolean类型：

Boolean类型有两个字面值，即true和false。这两个值与数字值不是一回事，因此true不一定等于1，false不一定等于0。true和false区分大小写，因此True和False都不是Boolean值，只是标识符。

ECMAScript中所有类型的值都可以通过Boolean()转型函数得到对应的布尔值，具体是true还是false，请见表：

数据类型	转换为true的值	转换为false的值
Boolean	ture	false
String	任何非空字符串	""(空字符串)
Number	任何非0数字（包括无穷大）	0和NaN
Object	任何对象	null
Undefined		undefined

 

在执行流程控制语句时，语句会自动执行相应的Boolean转换，举例：

var massage = "hello";
if (massage) {
    alert("Value is true");
}

massage被自动转换成了Boolean值，这里massage转换为true。

Number类型：

Number可以表示整数和浮点小数，数值的字面量可以是十进制、八进制、十六进制。其中八进制字面值的第一位必须是0，然后八进制数字序列(0~7)。如果数值超出了范围，那么前导零将会被忽略，后面的数值将会被当做十进制数值解析。十六进制字面值的前两位必须是0x，后面跟任何十六进制数字（0~9即A~F）。其中字母A~F可以大写，也可以小写，举例：

// 十进制数
var intNum = 55;

// 八进制数
var octalNum1 = 070; // 八进制的56
var octalNum2 = 079; // 无效的八进制数值——解析为十进制79

// 十六进制
var hexNum1 = 0xA; // 十六进制10
var hexNum2 = 0x1f; // 十六进制31

浮点小数：

浮点小数值的数值中必须要包含一个小数点，并且小数点后面至少要有一位数字，举例：

var floatNum1 = 0.1;
var floatNum2 = .1; // 不推荐

由于保存浮点小数内存空间是保存整数的两倍，因此ECMAScript会把小数点中没有跟任何数字的数值作为整数来保存，举例：

var floatNum1 = 1.; // 解析为整数1
var floatNum2 = 10.0; // 解析为整数10

可以用科学计数法表示浮点值，表示方法为前面是一个数值，中间是一个大写或小写的字母E，后面是10的幂中的指数，该幂值将用来与前面的数相乘。举例：

var floatNum = 3.125e7; // 等于31250000

浮点小数最高精度是17位小数，但是在进行算术计算时其精度远远不如整数。例如0.1+0.2的结果不是0.3，而是0.30000000000000004，这个小小的舍入误差会导致无法预测特定的浮点小数值，例如：

if (a + b == 0.3) { // 这里会是false
    alert("you got 0.3!")
}

NaN：

NaN，即非数值(Not a Number)是一个特殊的数值，这个数值应用于表示一个本来要返回数值的操作数未返回数值的情况（这样就不会刨除错误了）。在ECMAScript中，任何数值除以非数值会返回NaN，因此不会影响其他代码执行。

NaN有两个 不同寻常的特点。首先，任何涉及NaN的操作（如：NaN/10）都会返回NaN，这个特点会在多步计算中有可能导致问题。其次，NaN与任何值都不相等，包括本身，例如：

console.log(NaN == NaN); // false

针对NaN这两个特单，ECMAScript定义了isNaN()函数。这个函数接受一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收到一个值后，会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值，例如字符串"10"或Boolean值。而任何不能转换为数值的值都会导致这个函数返回true。举例：

console.log(isNaN(NaN));    // true
console.log(isNaN(10));     // false (10是一个数值)
console.log(isNaN("10"));   // false (被转换为数值10)
console.log(isNaN("blue")); // true  (不能被转换成数值)
console.log(isNaN(true));   // false (可以被转换为数值1)

数值转换：

有三个函数可以把非数值转换为数值：Number()、parseInt()和parseFloat()。第一个函数即转型函数Number()可以用于任何数据类型，而另两个函数则专门用于把字符串转换为数值。这三个函数对于同样的输入会有返回不同的结果。

Number()函数的转换规则如下：

• 如果是Boolean值，true和false分别转换为1和0

• 如果是数字值，只是简单的传入和返回 

• 如果是null值，返回0

• 如果是undefined，返回NaN

• 如果是字符串，遵循下列规则：

  • 如果字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即"1"会变为1，"123"会变为123，而"011"会变为11（注意：前导0被忽略了！）

  • 如果字符串包含有效的浮点格式，如"1.1"，则将其转换为对应的浮点数值（同样会忽略前导0）

  • 如果字符串中只包含有效的十六进制格式，例如"0xf"，则将其转换为相同大小的十进制整数

  • 如果字符串是空的（不包含任何字符），则将其转换为0

  • 如果字符串包含除以上格式外的字符，则会将其转化为NaN

• 如果是对象，则调用对象的valueOf()方法，然后依次按照前面的规则转换返回的值。如果返回的结果是NaN,则调用toString()方法，然后再次依照前面的规则转换返回的字符串值。举例：

var num1 = Number("hello");     // NaN 因为不包含任何有意义的数值
var num1 = Number("");          // 0
var num1 = Number("000011");    // 11
var num1 = Number(true);        // 1

Number()函数在转换字符串时比较复杂而且不够合理，因此在处理整数的时候更常用的parseInt()函数parseInt()函数在转换字符串时，更多的是看其是否符合数值的模式。它会忽略字符串前面的空格，直至找到第一个非空格字符。如果第一个字符不是数字字符或者符号，parseInt()就会返回NaN；也就是说，用parseInt()转换空字符串会返回NaN(Number会返回0)。如果第一个字符串是数字字符，parseInt会解析第二个字符，知道解析完所有后续字符或者遇到了一个非数字字符。例如，"123Blue"会被转换为1234，因为"Blue"会被完全忽略。类似地，"22.5"会被转换为22，因为小数点并不是有效的数字字符。

如果字符串中的第一个字符是数字字符，parseInt()也能够识别出各种整数格式（即前面讨论的十进制、八进制、十六进制数）。也就是说，如果字符串以"0x"开头且后面跟数字字符，就会当做十六进制整数；如果是以"0"开头且后面跟随的是数字字符，将会用八进制数来解析。举例：

var num1 = parseInt("123blue"); // 123
var num2 = parseInt("");        // NaN
var num3 = parseInt("0xA");     // 10
var num4 = parseInt(22.5);      // 22
var num5 = parseInt("0xf");     // 15
var num6 = parseInt("070");     // 56
var num7 = parseInt("70");      // 70

其中num5存在歧义，在ECMAScript3 JavaScript引擎中会转为56，ECMAScript5 JavaScript引擎中会忽略前导0，转为70，因为ECMAScript5 JavaScript引擎中parseInt()已不具有解析八进制的能力，即使在严格模式下也是不可以的。为了解决这一问题，parseInt()引入了第二个参数：转换时使用的基数(即多少进制)，举例：

var num1 = parseInt("0xAF", 16); // 175
var num2 = parseInt("AF", 16);   // 175
var num3 = parseInt("AF");       // NaN 因为没有数字字符

var num4 = parseInt("10", 2);    // 2
var num5 = parseInt("10", 8);    // 8
var num6 = parseInt("10", 10);   // 10
var num7 = parseInt("10", 16);   // 16

parseFloat与parseInt类似，区别在于：

• parseFloat只解析十进制数

• parseFloat会忽略前导0

• 如果被解析的是整数，则函数会返回整数结果

举例：

var num1 = parseFloat("123blue");   // 123
var num2 = parseFloat("0xA");       // 0
var num3 = parseFloat("22.5");      // 22.5
var num4 = parseFloat("22.34.5");   // 22.34
var num5 = parseFloat("0908.5");    // 908.5
var num6 = parseFloat("3.125e7");   // 31250000

String类型：

字符串特点：

字符串是不可变的，也就是说字符串一旦被创建，他们的值就不能改变。要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再另一个包含新值的字符串填充该变量，举例：

var lang = "Java";
lang = lang + "Script";

这个过程包含三步，首先创建一个可以容纳10个字符的新字符串，然后在这个字符串中填充"Java"和"Script"，最后是销毁原来的字符串"Java"和字符串"Script"，因为这两个字符串已经没用了。

转换为字符串：

数值、布尔值、对象和字符串值(返回副本)都有toString()方法，默认情况下返回十进制，如果有其他进制需求，传参即可实现，举例：

var num = 10;
num.toString();    // "10"
num.toString(2);   // "1010"
num.toString(8);   // "12"
num.toString(10);  // "10"
num.toString(16);  // "a"

如果不知道转换的值是不是null或者undefined的情况下，可以使用String()转换，这个函数能够将任何类型值转换成字符串，遵循以下规则：

• 如果值有toString()方法，则调用该方法(没有参数的)并返回结果

• 如果数值是null，则返回"null"

• 如果数值是undefined，则返回"undefined"

举例：

var value1 = 10;
var value2 = true;
var value3 = null;
var value4;

String(value1); // "10"
String(value2); // "true"
String(value3); // "null"
String(value4); // "undefined"

Object类型：

Object类型是多有他的实例的基础，换计划说，Object所具有的任何属性和方法也同样存在于更具体的对象中。Object类型每个实例都具有下列属性和方法。

• constructor：保存着用于创建当前对象的函数。对于前面的例子而言，构造函数(constructor)就是object()

• hasOwnProperty(propertyName)：用于检查给定的属性在房前对象实例中是否存在。其中作为参数的属性名(propertyName)必须以字符串形式指定（例如：o.hasOwnProperty("name")）

• isPrototypeOf(Object):用于检查传入的对象是否是当前对象的原型

• propertyIsEnumerable(propertyName)：用于检验给定的属性是否能够使用for-in语句来枚举。与hasOwnProperty()方法一样，作为参数的属性名必须义字符串子形式指定

• toLocalString()：返回对象的字符串表示，该字符串与执行的环境和地区对应(???)

• toString()：返回对象的字符串表示。

• valueOf()：返回对象的字符串、数值或者布尔值表示，通常与toString()方法返回值相同