JavaScript百问百答
学习自阮一峰的JavaScript标准参考教程
1. js的变量类型有限制吗？
JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可以随时更改类型。
2. 什么是变量提升（hoisting）？
JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。
3. js中标识符的命名规则是怎么样的？
- 第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字母），以及美元符号（
$）和下划线（_）。 - 第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可以用数字
0-9。
（注意，中文也是合法的标识符）
4. js中的区块?
对var命令来说，JavaScript不构成单独的作用域；即在区块内定义的变量，在区块外仍然是有效的。
5. 如何使用js中的标签？
语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。
label:
语句
标签可以是任意的标识符，但不能是保留字，语句部分可以是任意语句。
标签通常与break语句和continue语句配合使用，跳出特定的循环。
top:
for (var i = 0; i < 3; i++){
for (var j = 0; j < 3; j++){
if (i === 1 && j === 1) break top;
console.log('i=' + i + ', j=' + j);
}
}6. JS有哪6种数据类型？
- 数值（number）：整数和小数（比如
1和3.14） - 字符串（string）：文本（比如
Hello World）。 - 布尔值（boolean）：表示真伪的两个特殊值，即
true（真）和false（假） undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值null：表示空值，即此处的值为空。- 对象（object）：各种值组成的集合。
在判断语句中，undefined和null都会被赋值为false。
7. 如何确定一个值是什么类型？
JavaScript 有三种方法，可以确定一个值到底是什么类型。
typeof运算符instanceof运算符Object.prototype.toString方法
举栗子：
typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"function f() {}
typeof f
// "function"typeof undefined
// "undefined"typeof null // "object"8. 在js中，null和undefined的区别是什么？
区别是这样的：null是一个表示“空”的对象，转为数值时为0；undefined是一个表示”此处无定义”的原始值，转为数值时为NaN。
9. js是如何进行布尔值转换的？
如果 JavaScript 预期某个位置应该是布尔值，会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false，其他值都视为true。
undefinednullfalse0NaN""或''（空字符串）
注意，空数组（[]）和空对象（{}）对应的布尔值，都是true。
10. js中的数值是如何存储的？
JavaScript 内部，所有数字都是以64位浮点数形式储存，即使整数也是如此。所以，1与1.0是相同的，是同一个数。
容易造成混淆的是，某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转成32位整数，然后再进行运算
根据国际标准 IEEE 754，JavaScript 浮点数的64个二进制位，从最左边开始，是这样组成的。
- 第1位：符号位，
0表示正数，1表示负数 - 第2位到第12位（共11位）：指数部分
- 第13位到第64位（共52位）：小数部分（即有效数字）
11. js能表示的数值范围是？
根据标准，64位浮点数的指数部分的长度是11个二进制位，意味着指数部分的最大值是2047（2的11次方减1）。也就是说，64位浮点数的指数部分的值最大为2047，分出一半表示负数，则 JavaScript 能够表示的数值范围为21024到2-1023（开区间），超出这个范围的数无法表示。
- 如果一个数大于等于2的1024次方，那么就会发生“正向溢出”，即 JavaScript 无法表示这么大的数，这时就会返回
Infinity。 - 如果一个数小于等于2的-1075次方（指数部分最小值-1023，再加上小数部分的52位），那么就会发生为“负向溢出”，即 JavaScript 无法表示这么小的数，这时会直接返回0。
12. 数值的进制有什么注意点？
通常来说，有前导0的数值会被视为八进制，但是如果前导0后面有数字8和9，则该数值被视为十进制。
13. 什么是NaN?
NaN表示非数字(Not a Number), 主要出现在将字符串解析成数字出错的场合。 是Number类型。
14. 如何将字符串转换为整数？
- parseInt('123')->123;（如果字符出串头部含有空格，将会自动去掉空格）
- 字符串转为整数的时候，是一个个字符依次转换，如果遇到不能转为数字的字符，就不再进行下去，返回已经转好的部分。
parseInt('8a') // 8
parseInt('12**') // 12-
如果字符串以
0x或0X开头，parseInt会将其按照十六进制数解析。parseInt('0x10') // 16 -
如果字符串以
0开头，将其按照10进制解析。parseInt('011') // 11 - parseInt不能转换科学技术法的字符串
parseInt('8e-7') // 815. parseInt如何实现进制转换？
parseInt方法还可以接受第二个参数（2到36之间），表示被解析的值的进制，返回该值对应的十进制数。默认情况下，parseInt的第二个参数为10，即默认是十进制转十进制。
parseInt('1000') // 1000
// 等同于
parseInt('1000', 10) // 1000parseInt('1000', 2) // 816. parseFloat的用法？
parseFloat方法用于将一个字符串转为浮点数。
parseFloat('3.14') // 3.14
如果字符串符合科学计数法，则会进行相应的转换。
parseFloat('314e-2') // 3.1417. parseFloat与Number的转换结果的区别？
parseFloat的转换结果不同于Number函数。
parseFloat(true) // NaN
Number(true) // 1
parseFloat(null) // NaN
Number(null) // 0
parseFloat('') // NaN
Number('') // 0
parseFloat('123.45#') // 123.45
Number('123.45#') // NaN18. isNaN的作用？
isNaN方法可以用来判断一个值是否为NaN。
isNaN(NaN) // true
isNaN(123) // false
但是，isNaN只对数值有效，如果传入其他值，会被先转成数值。比如，传入字符串的时候，字符串会被先转成NaN，所以最后返回true，这一点要特别引起注意。也就是说，isNaN为true的值，有可能不是NaN，而是一个字符串。（或是一个对象，或是一个数组）
- 判断
NaN更可靠的方法是，利用NaN为唯一不等于自身的值的这个特点，进行判断。
19. 字符串中的引号用法？
单引号字符串的内部，可以使用双引号。双引号字符串的内部，可以使用单引号。
'key = "value"'
"It's a long journey"
如果要在单引号字符串的内部，使用单引号，就必须在内部的单引号前面加上反斜杠，用来转义。双引号字符串内部使用双引号，也是如此。
20. js中的字符表示？
js使用unicode存储字符。JavaScript 不仅以 Unicode 储存字符，还允许直接在程序中使用 Unicode 码点表示字符，即将字符写成\uxxxx的形式，其中xxxx代表该字符的 Unicode 码点。
21. 什么是对象？
简单说，对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。
- 对象的所有键名都是字符串（ES6 又引入了 Symbol 值也可以作为键名）
- 如果键名不符合标识名的条件（比如第一个字符为数字，或者含有空格或运算符），且也不是数字，则必须加上引号，否则会报错。
22. 对象中的属性可以动态创建吗？
属性可以动态创建，不必在对象声明时就指定。
var obj = {};
obj.foo = 123;
obj.foo // 12323. 什么是对象的引用？
如果不同的变量名指向同一个对象，那么它们都是这个对象的引用，也就是说指向同一个内存地址。修改其中一个变量，会影响到其他所有变量。
var o1 = {};
var o2 = o1;
o1.a = 1;
o2.a // 1
o2.b = 2;
o1.b // 2
上面代码中，o1和o2指向同一个对象，因此为其中任何一个变量添加属性，另一个变量都可以读写该属性。
但是，这种引用只局限于对象，如果两个变量指向同一个原始类型的值。那么，变量这时都是值的拷贝。
24. 如果行首是一个大括号，它到底是表达式还是语句？
{ foo: 123 }JavaScript 引擎读到上面这行代码，会发现可能有两种含义。第一种可能是，这是一个表达式，表示一个包含foo属性的对象；第二种可能是，这是一个语句，表示一个代码区块，里面有一个标签foo，指向表达式123。
为了避免这种歧义，V8 引擎规定，如果行首是大括号，一律解释为对象。不过，为了避免歧义，最好还是在大括号前加上圆括号。
这种差异在eval语句（作用是对字符串求值）中反映得最明显。
eval('{foo: 123}') // 123
eval('({foo: 123})') // {foo: 123}
上面代码中，如果没有圆括号，eval将其理解为一个代码块；加上圆括号以后，就理解成一个对象。
25. 为什么不能在条件语句中声明函数？
由于存在函数名的提升，所以在条件语句中声明函数，条件等同于虚设。
if (false) {
function f() {}
}
f() // 不报错26. 函数的length属性的作用？
函数的length属性返回函数预期传入的参数个数，即函数定义之中的参数个数。
function f(a, b) {}
f.length // 227. js 中的局部变量怎么声明？
对于var命令来说，局部变量只能在函数内部声明，在其他区块中声明，一律都是全局变量。
注意：函数内部也存在“变量提升”的现象。在函数内声明的局部变量会被提升到函数提头部。
28. 如何界定函数本身的作用域？
函数本身也是一个值，也有自己的作用域。它的作用域与变量一样，就是其声明时所在的作用域，与其运行时所在的作用域无关。
var a = 1;
var x = function () {
console.log(a);
};
function f() {
var a = 2;
x();
}
f() // 1上面代码中，函数x是在函数f的外部声明的，所以它的作用域绑定外层，内部变量a不会到函数f体内取值，所以输出1，而不是2。
总之，函数执行时所在的作用域，是定义时的作用域，而不是调用时所在的作用域。
很容易犯错的一点是，如果函数A调用函数B，却没考虑到函数B不会引用函数A的内部变量。
29. 函数的参数能省略吗？
函数参数不是必需的，Javascript 允许省略参数。
function f(a, b) {
return a;
}
f(1, 2, 3) // 1
f(1) // 1
f() // undefined
f.length // 230. 函数参数的传递方式是怎么样的？
- 函数参数如果是原始类型的值（数值、字符串、布尔值），传递方式是传值传递（passes by value）。这意味着，在函数体内修改参数值，不会影响到函数外部。
- 但是，如果函数参数是复合类型的值（数组、对象、其他函数），传递方式是传址传递（pass by reference）。也就是说，传入函数的原始值的地址，因此在函数内部修改参数，将会影响到原始值。
31. 如何判断函数实际带有几个参数？
使用arguments对象。arguments对象包含了函数运行时的所有参数，arguments[0]就是第一个参数，arguments[1]就是第二个参数，以此类推。这个对象只有在函数体内部，才可以使用。
32. 闭包的含义及作用
闭包就是指定义在函数内部的，能够读取其他函数内部变量的函数；
由于在 JavaScript 语言中，只有函数内部的子函数才能读取内部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点，就是它可以“记住”诞生的环境，比如f2记住了它诞生的环境f1，所以从f2可以得到f1的内部变量。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
- 闭包的最大用处有两个，一个是可以读取函数内部的变量，另一个就是让这些变量始终保持在内存中，即闭包可以使得它诞生环境一直存在。
33. eval命令的注意点？
eval命令的作用是，将字符串当作语句执行。
eval没有自己的作用域，都在当前作用域内执行，因此可能会修改当前作用域的变量的值，造成安全问题。
var a = 1;
eval('a = 2');
a // 234. 对象相加的规则？
如果运算子是对象，必须先转成原始类型的值，然后再相加。
对象转成原始类型的值，规则如下。
首先，自动调用对象的valueOf方法。
一般来说，对象的valueOf方法总是返回对象自身，这时再自动调用对象的toString方法，将其转为字符串。
35. 余数运算符需要注意的地方？
需要注意的是，运算结果的正负号由第一个运算子的正负号决定。
-1 % 2 // -1
1 % -2 // 136. 如何进行指数运算？
指数运算符（**）完成指数运算，前一个运算子是底数，后一个运算子是指数。
2 ** 4 // 1637. “===”严格相等符号有哪些注意点？
严格相等运算符（===）比较它们是否为“同一个值”。如果两个值不是同一类型，严格相等运算符（===）直接返回false，而相等运算符（==）会将它们转换成同一个类型，再用严格相等运算符进行比较。
两个复合类型（对象、数组、函数）的数据比较时，不是比较它们的值是否相等，而是比较它们是否指向同一个地址。
注意，对于两个对象的比较，严格相等运算符比较的是地址，而大于或小于运算符比较的是值。
38. 位运算有什么需要注意的地方？
位运算只对整数有效，遇到小数时，会将小数部分舍去，只保留整数部分。所以，将一个小数与0进行二进制或运算，等同于对该数去除小数部分，即取整数位。
39. js中，如何进行强制类型转换？
1⃣️Number()函数可以将任意类型的值转换为数值。Number函数将字符串转为数值，要比parseInt函数严格很多。基本上，只要有一个字符无法转成数值，整个字符串就会被转为NaN。
parseInt('42 cats') // 42
Number('42 cats') // NaN
上面代码中，parseInt逐个解析字符，而Number函数整体转换字符串的类型。
另外，parseInt和Number函数都会自动过滤一个字符串前导和后缀的空格。
parseInt('\t\v\r12.34\n') // 12
Number('\t\v\r12.34\n') // 12.34
Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5除非是包含单个数值的数组，否则都返回NaN
2⃣️String()
String函数可以将任意类型的值转化成字符串，转换规则如下。
（1）原始类型值
- 数值：转为相应的字符串。
- 字符串：转换后还是原来的值。
- 布尔值：
true转为字符串"true"，false转为字符串"false"。 - undefined：转为字符串
"undefined"。 - null：转为字符串
"null"。
2）对象
String方法的参数如果是对象，返回一个类型字符串；如果是数组，返回该数组的字符串形式。
String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"3⃣️Boolean()
Boolean函数可以将任意类型的值转为布尔值。
它的转换规则相对简单：除了以下五个值的转换结果为false，其他的值全部为true。
undefinednull-0或+0NaN''（空字符串）
40. Object的实例化方法
凡是定义在Object.prototype对象上面的属性和方法，将被所有实例对象共享。
41. RegExp如何去除字符串首尾的空格？
用正则表达式"/^\s+|\s+$/g",其中，
^代表开头，$代表结尾
\s 代表：匹配一个空白字符，包括\n,\r,\f,\t,\v等
42. RegExp如何查找单词字符？
使用“/(\w+)/"查找单词字符。w:可以匹配任意的字母，数字，下划线。
43. RegExp如何匹配0或多个字符？
使用正则表达式“/a*/"可以匹配0或多个a;
如果正则表达式带有括号，则括号匹配的部分也会作为数组成员返回。
'aaa*a*'.split(/(a*)/)
// [ '', 'aaa', '*', 'a', '*' ]
上面代码的正则表达式使用了括号，第一个组匹配是aaa，第二个组匹配是a，它们都作为数组成员返回。
44. 什么是“字面量字符”？
比如/a/匹配a，/b/匹配b。如果在正则表达式之中，某个字符只表示它字面的含义（就像前面的a和b），那么它们就叫做“字面量字符”（literal characters）。
45. 什么是“元字符”？
字符有特殊含义，不代表字面的意思。它们叫做“元字符”（metacharacters）。包括点字符(.)，位置字符(^和&)，选择字符(|)。
46. 正则表达式中如何表达那些不能打印的字符？
正则表达式对一些不能打印的特殊字符，提供了表达方法。
\cX表示Ctrl-[X]，其中的X是A-Z之中任一个英文字母，用来匹配控制字符。[\b]匹配退格键(U+0008)，不要与\b混淆。\n匹配换行键。\r匹配回车键。\t匹配制表符 tab（U+0009）。\v匹配垂直制表符（U+000B）。\f匹配换页符（U+000C）。\0匹配null字符（U+0000）。\xhh匹配一个以两位十六进制数（\x00-\xFF）表示的字符。\uhhhh匹配一个以四位十六进制数（\u0000-\uFFFF）表示的 Unicode 字符。
47. 什么是“字符类”？
字符类（class）表示有一系列字符可供选择，只要匹配其中一个就可以了。所有可供选择的字符都放在方括号内，比如[xyz] 表示x、y、z之中任选一个匹配。
有两个字符在字符类中有特殊含义。
（1）脱字符（^）
如果方括号内的第一个字符是[^]，则表示除了字符类之中的字符，其他字符都可以匹配。比如，[^xyz]表示除了x、y、z之外都可以匹配。如果方括号内没有其他字符，即只有[^]，就表示匹配一切字符，其中包括换行符。相比之下，点号作为元字符（.）是不包括换行符的。
注意，脱字符只有在字符类的第一个位置才有特殊含义，否则就是字面含义。
某些情况下，对于连续序列的字符，连字符（-）用来提供简写形式，表示字符的连续范围。比如，[abc]可以写成[a-c]，[0123456789]可以写成[0-9]，同理[A-Z]表示26个大写字母。
/a-z/.test('b') // false
/[a-z]/.test('b') // true
上面代码中，当连字号（dash）不出现在方括号之中，就不具备简写的作用，只代表字面的含义，所以不匹配字符b。只有当连字号用在方括号之中，才表示连续的字符序列。
48. 什么是“预定义模式”？
预定义模式指的是某些常见模式的简写方式。
\d匹配0-9之间的任一数字，相当于[0-9]。\D匹配所有0-9以外的字符，相当于[^0-9]。\w匹配任意的字母、数字和下划线，相当于[A-Za-z0-9_]。\W除所有字母、数字和下划线以外的字符，相当于[^A-Za-z0-9_]。\s匹配空格（包括换行符、制表符、空格符等），相等于[ \t\r\n\v\f]。\S匹配非空格的字符，相当于[^ \t\r\n\v\f]。\b匹配词的边界。\B匹配非词边界，即在词的内部。
49. 什么是“重复类”？
模式的精确匹配次数，使用大括号（{}）表示。{n}表示恰好重复n次，{n,}表示至少重复n次，{n,m}表示重复不少于n次，不多于m次。
/lo{2}k/.test('look') // true
/lo{2,5}k/.test('looook') // true
上面代码中，第一个模式指定o连续出现2次，第二个模式指定o连续出现2次到5次之间。
50. 什么是量词符？
量词符用来设定某个模式出现的次数。
?问号表示某个模式出现0次或1次，等同于{0, 1}。*星号表示某个模式出现0次或多次，等同于{0,}。+加号表示某个模式出现1次或多次，等同于{1,}。
51. 如何将常见的贪婪模式改为非贪婪模式？
如果想将贪婪模式改为非贪婪模式，可以在量词符后面加一个问号。
var s = 'aaa';
s.match(/a+?/) // ["a"]
上面代码中，模式结尾添加了一个问号/a+?/，这时就改为非贪婪模式，一旦条件满足，就不再往下匹配。
除了非贪婪模式的加号，还有非贪婪模式的星号（*）。
*?：表示某个模式出现0次或多次，匹配时采用非贪婪模式。+?：表示某个模式出现1次或多次，匹配时采用非贪婪模式。
52. 介绍修饰符及其含义？
1）g 修饰符
默认情况下，第一次匹配成功后，正则对象就停止向下匹配了。g修饰符表示全局匹配（global），加上它以后，正则对象将匹配全部符合条件的结果，主要用于搜索和替换。
2）i 修饰符
默认情况下，正则对象区分字母的大小写，加上i修饰符以后表示忽略大小写（ignorecase）。
3）m 修饰符
m修饰符表示多行模式（multiline），会修改^和$的行为。默认情况下（即不加m修饰符时），^和$匹配字符串的开始处和结尾处，加上m修饰符以后，^和$还会匹配行首和行尾，即^和$会识别换行符（\n）。
/world$/.test('hello world\n') // false
/world$/m.test('hello world\n') // true
上面的代码中，字符串结尾处有一个换行符。如果不加m修饰符，匹配不成功，因为字符串的结尾不是world；加上以后，$可以匹配行尾。
53. 什么是“先行断言”和“先行否定断言”？
x(?=y)称为先行断言（Positive look-ahead），x只有在y前面才匹配，y不会被计入返回结果。比如，要匹配后面跟着百分号的数字，可以写成/\d+(?=%)/。
“先行断言”中，括号里的部分是不会返回的。
x(?!y)称为先行否定断言（Negative look-ahead），x只有不在y前面才匹配，y不会被计入返回结果。比如，要匹配后面跟的不是百分号的数字，就要写成/\d+(?!%)/。
54. Json格式是什么？
每个 JSON 对象就是一个值，可能是一个数组或对象，也可能是一个原始类型的值。总之，只能是一个值，不能是两个或更多的值。
JSON 对值的类型和格式有严格的规定。
复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
原始类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和
null（不能使用NaN,Infinity,-Infinity和undefined）。字符串必须使用双引号表示，不能使用单引号。
对象的键名必须放在双引号里面。
数组或对象最后一个成员的后面，不能加逗号
注意，null、空数组和空对象都是合法的 JSON 值。
55. 如何计算一个操作花费了多少时间？
这两个方法用于计时，可以算出一个操作所花费的准确时间。
console.time('Array initialize');
var array= new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
array[i] = new Object();
};
console.timeEnd('Array initialize');
// Array initialize: 1914.481ms
time方法表示计时开始，timeEnd方法表示计时结束。它们的参数是计时器的名称。调用timeEnd方法之后，控制台会显示“计时器名称: 所耗费的时间”。
56.