从头认识js-基本概念（关键字，保留字，数据类型）

Posted 2021-03-13 只会一点前端

语法

ECMAScript的语法大量借鉴了C及其他类C语言（如Java和Perl）的语法。因此，熟悉这些语言的开发人员在接受ECMSAScript更加宽松的语法时，一定会有一种轻松自在的感觉。

区分大小写

ECMAScript中的一切（变量，函数名和操作符）都区分大小写。函数名不能使用typeof，因为它是一个关键字，但typeof则完全可以是一个有效的函数名。

标识符

所谓标识符，就是指变量，函数，属性的名字，或者函数的参数。标示符可以是按照下列格式规则组合起来的一或多个字符：

1.第一个字符必须是一个字母，下划线（-）或一个美元符号（$）;

2.其他字符可以是字母，下划线，美元或数字。

按照惯例，ECMAScriptbiao 标识符采用驼峰大小写格式，也就是第一个字母小写，剩下的每个单词的首字母大写。没有强制要求必须采用这种格式，但为了与ECMAScript内置的函数和对象名格式保持一致，可以当作一种最佳实践。

注释

ECMAScript使用C风格的注释，包括单行注释和块级注释。单行注释以两个斜杠开头： // 单行注释，块级注释以一个斜杠和一个星号（/*），以一个星号和一个斜杠（*/）结尾：

/*

*　　多行

*　　（块级）注释

*/

虽然上面注释中的第二行和第三行都一个星开头，但这不是必需的。之所以添加那两个星号，纯碎是为了提高注释的可读性（这种格式在企业级应用中用的比较多）。

严格模式

ECMAScript5引入了严格模式（strict mode）的概念。严格模式是为javascript定义了一种不同的解析与执行模型。在严格模式下，ECMAScript3中的一些不确定的行为将的到处理，而且对某些不安全的操作也会抛出错误。要在整个脚本启用严格模式，可以在顶部添加如下代码：

"use strict";

这行代码告诉支持JavaScript引擎切换到严格模式。这是不为破坏ECMAScript语法而特意选定的语法。

语句

ECMAScript中的语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。

可以用C风格的语法把多条语句组合到一个代码块中：

if (test) {

　　test = false;

　　alert(test);

}

关键字和保留字

ECMA-262描述了一组具有特定用途的关键字，这些关键字可用于表示控制语句开始或结束，或者用于执行特定操作符。现如今关键字如下：

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还描述了另外一组不能用作标示符的保留字，它们可能在将在被用作关键字：

abstract enum int short

boolean export interface static

byte extends long super

char final native synchronized

class float package throws

const goto private transient

implements procected volatile

double import public

变量

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

var argu  = "argument";

ydb = "ydb"; // 有效，但不推荐

有一点必须注意，即用var操作符定义的变量将成为该变量作用域中的局部变量。也就是说，在一个函数的内部中使用了var定义了一个变量，那么这个变量在函数退出后就会被销毁。

注： 虽然省略var操作符可以定义全局变量，但是不推荐这样子做，因为在局部作用域中定义全局变量是很难维护的，而且如果有意地忽略了var操作符，也会由于相应变量不会马上就有定义而导致不必要的混乱。给未经声明的变量赋值在严格模式下会导致抛出ReferenceError错误。

可以使用一条语句多个变量，只要像下面这样把每个变量（初始化或不初始化均可）用逗号分隔开即可：

var message = "hi",

　　found = false,

　　age = 29;

虽然代码里的换行和变量缩进是不必须的，但这样子做可以提升代码的可读性。

在严格模式下，不能定义名为eval或arguments的变量，否则会导致语法错误。

数据类型

typeof操作符

typeof是负责提供检测变量类型的一种检测手段，对一个值使用typeof操作符可能返回下列某个字符串：

1."undefined"-变量为定义

2."boolean"-变量类型为布尔值

3."string"-变量类型为字符串

4."number"-变量类型为数值

5."object"-变量类型为对象或值为null

6."function"-变量类型为函数

typeof是一个操作符并非为函数，圆括号可以使用，但不是必须的。

注：因为特殊值null被认为是一个空的对象的引用，所以使用typeof检测null会返回"object"。

Undefined类型

Undefined类型只有一个值，即特殊的undefined。在使用var声明变量但为对其初始化时，此变量的值就是undefined。

引入Undefined是为了正式区分空对象指针与为经初始化的变量。

注：即便为初始化的变量会自动被赋予undefined值，但是显示地初始化变量依然是明智的选择。如果能够做到这一点，那么当typeof操作符返回“undefined”值时，我们就知道被检测的变量还没有被声明，而不是尚未初始化。

Null类型

Null类型是第二个只有一个值的数据类型，这个特殊的值是null。从逻辑角度来看，null值表示一个空对象指针，而这也是使用typeof操作符检测null值是会返回“object”的原因。

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

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

null == undefined ==》true

尽管null和undefined有这样的关系，但它们的哟用途完全不同。

Boolean类型

Boolean类型是ECMAScript中使用的最多的一种类型，该类型只有两个字面值：true和false。这两个值与数字值不是一回事，因此true不一定等于1，而false不一定等于0。

需要注意的是，Boolean类型的字面值true和false是区分大小写的。也就说True和False（以及其他的混合大小写形式）都不是Boolean的值，只是标识符。

要将一个值转换为其对应的Boolean值，可以调用转型函数Boolean（）。

下表给出了各种数据类型及其对应的转换规则：

数据类型	转换为true的值	转换为false的值
Boolean	true	fasle
String	任何非空字符串	""(空字符串)
Number	任何非零数字值（包括无穷大）	0和NaN
Obeject	任何对象	null
Undefined	n/a(不适用)	undefined

这些转换规则对理解流程性语句（如if语句）自动执行相应的Boolean转换非常重要。（常说的能力检测）

Number类型

这种类型使用IEEE754格式来表示整数和浮点数值，为支持各种数值类型，ECMA-262定义了不用的数值字面量格式。

最基本的数值字面量格式是十进制整数，整数还可以通过八进制（以8）为基数或十六进制（以16为基数）的字面值来表示。其中，八进制字面值的第一位必须是0，然后是八进制数字序列（0-7）。如果字面值中的数值超出了范围，那么前导量将被忽略，后面的数值将当作十进制数值解析。

 var num1 = 070 // 八进制的56

 var num2 = 079 // 无效的八进制数-解析为79

 var num3 = 08 // 无效的八进制数-解析为8

八进制字面量在严格模式下是无效的，会导致支持该模式的JavaScript引擎抛出错误。

十六进制字面值的前两位必须是0x，后跟任何十六进制数字（0-9及A-E）。其中A-F可以大写，也可以小写。

var num1 = 0xa // 十六进制的10

var num2 = 0x1f // 十六进制的31

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

1.浮点数值

所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。虽然小数点前面可以没有整数，但是并不推荐这种写法。

由于保存浮点数值所需要的内存空间是保存整数值的两倍，因此ECMAScript会不失时机地将浮点数转换为整数值。显然，如果小数点后面没有跟任何数字，那么这个数值就可以作为整数值来保存，以此来减少内存空间的使用。

对于那些极大或极小的数值，可以用e来表示法（科学计数法）表示的浮点数值表示。

浮点数值的最高精度是17位小数，但在进行算术计算时其精确度远远不如整数。所以千万不要做以下这样子的尝试：

if (a+b == 0.3) {

　　alert("输出 0.3")；

}

2.NaN

NaN，即非数值（Not a Number）是一个特殊的数值，这个数值用于表示一个本来要返回数值的操作数未返回数值额情况（这样子就不会抛出错误了）。

NaN本身有两个非同寻常的特点。

1.任何涉及NaN的操作（例如NaN/10）都会返回NaN，这个特点在多步计算中方有可能导致问题。

2.其次，NaN与任何值都不相等，包括NaN本身。

针对NaN的这两个特点，ECMAScript定义了isNaN（）函数。这个函数接受一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”。

1.alert(isNaN(NaN));  //true

2.alert(isNaN(10)); // false (10是一个数值)

3.alert(isNaN("10")); //false （可以被转换成数值10）

4.alert(isNaN("blue")); //true （不能转换成数值）

5.alert(isNaN(true)); //false （可以被转换成数值1）

3.数值转换

有3个函数可以把非数值转换成数值：Number(),parseInt(),parseFloat()。

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

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

2.如果是数值，只是简单的传入和返回。

3.如果是null值，返回0.

4.如果是undefined，返回NaN。

5.如果是字符串，遵循以下规则：

5.1:如果字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数，前导的0会被忽略。

5.2:如果字符串中包含有效的浮点格式，则将其转换为对应的浮点数值（同样，前导的0也会被忽略）。

5.3:如果字符串中含有效的十六进制格式，则将其转换为相同大小的十进制数。

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

5.5:如果字符串中包含除上述格式之外的字符，则将其转换为NaN。

6.如果是对象，则调用对象的valueof()方法，然后依照前面的转换规则转换返回的值。如果转换的值是NaN，则调用对象的toString()方法，然后再次按照前面的规则转换返回的字符串值。

举例如下：

var num1 = Number("ssss") ; // NaN

var num2 = Number(""); // 0

var num3 = Number("0011"); // 11

var num4 = Number(true); // 1

var num5 = Number(undefined); //NaN

parseInt()的转换规则如下：

var num1 = parseInt("1234blue") //1234

var num2 = parseInt("") //NaN

var num3 = parseInt("0xa") // 10 （十六进制数）

var num4 = parseInt("22.5") //22

var num5 = parseInt("070") //56 (八进制数)

var num6 = parseInt("70") //70 (十进制数)

var num7 = parseInt("oxf") // 15 (十六进制数)

在使用parseInt()解析像八进制字面量的字符串时，ECMAScript3和5会存在分歧。

在ECMAScript3 JavaScript引擎中，"070"被当成八进制字面量，转换后为56。而在ECMAScript5 JavaScript引擎中，parserInt()已经不具有解析八进制的能力，因此前导的零会被忽略，转换为70，在严格模式下也会如此。

为了消除使用parseInt()函数导致的上述问题，可以为这个函数提供第二个参数，转换使用的基数(即多少进制)。

多数情况下，我们要解析的都死十进制数，因此始终将10作为第二个参数是非常必要的。

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

var num1 = parseFloat("1234blue"); //1234

var num2 = parseFloat("0xa"); //0 

var num3 = parseFloat("22.5"); //22.5

var num4 = parseFloat("22.34.5"); //22.4

var num5 = parseFloat("0908.5"); //908.5

var num6 = parseFloat("3.125e7"); //31250000

它始终会忽略前导0，只解析十进制值，它没有第二个参数指定基数，parserFloat()解析一个为整数的值，会返回整数。

String类型

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

字符字面量

字面量       含义

             换行

             制表

            退格

             回车

f             进纸

\             斜杠

‘              单引号

"             双引号

xnn         以十六进制代码nn表示的一个字符（其中n为0-f）

unnnn      以十六进制代码nnnn表示的一个Unicode字符（其中n为0-f）。

字符串的特点

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

转换为字符串

使用toString()方法，几乎每一个值都有这个方法，undfined和null没有这个方法，可以传递一个参数，可以输出指定进制的字符串。

使用转型函数String(),这个函数能够将任何类型的值转换为字符串，null会被转换为“null”，undefined同理。

使用加号操作符，也可以转换成一个字符串。

Object类型

对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而为Object类型的实例并为其添加属性或方法，就可以创建自定义对象。

例如：var o = new Object //有效，但不推荐省略圆括号。

Object的每个实例都具有下列属性和方法。

1.constructor：保存用于创建当前对象的函数。对于前面的例子而言，构造函数（constructor）就是Obeject()。

2.hasOwnProperty(propertyName): 用于检查给定的属性在当前对象实例中（而不是在实例的原型中）是否存在。

3.propertyIsEnumable(propertyName): 用于检查给定的属性是否能够使用for-in语句来枚举。

4.isProertypeof(object)：用户检查传入的对象是否是当前对象的原型。

5.toLocalString():返回对象的字符串表示，该字符串与执行环境的地区对应。

6.toString():返回该对象的字符串表示。

7.valueof():返回对象的字符串，数值或布尔值。通常与toString()方法的返回值相同。

Object是所有对象的基础，因此所有对象都具有这些基本的属性和方法。