這次帶給大家使用JavaScript必須要知道的小細節，JavaScript必須要知道的注意事項有哪些，以下就是實戰案例，一起來看一下。
break語句和continue語句都具有跳轉作用，可以讓程式碼不依照既有的順序執行。
break語句用來跳出程式碼區塊或迴圈。
var i = 0;
while(i < 100) {
console.log('i 当前为：' + i);
i++;
if (i === 10) break;
}continue語句用於立即終止本輪循環，返回循環結構的頭部，開始下一輪循環。
var i = 0;
while (i < 100){
i++;
if (i % 2 === 0) continue;
console.log('i 当前为：' + i);
}注意除了break，continue語句之外，還有一個return語句表示從被調函數返回到主調函數繼續執行，返回時可附帶一個返回值，由return後面的參數指定。 return後函數就結束了，後面的語句不再執行.
JavaScript 語言允許，語句的前面有標籤（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);
}
}
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0Hoisting 的作用範圍是隨著函數作用域的。我理解在這裡尚未講到函數作用域，不過可以提一句提醒讀者註意，然後連結至作用域的部分進一步探討；
「Hoisting 只對var 宣告的變數有效”，並非盡然如此。變數宣告的提升並非hoisting 的全部，JavaScript 有四種讓宣告在作用域內獲得提升的途徑（依優先順序）：
－語言定義的聲明，如this 和arguments 。你不能在作用域內重新定義叫做this 的變量，是因為this 是語言自動定義的聲明，而且它的優先級最高，也就是被Hoisting 到最頂上了，沒人能覆蓋它
－形式參數。雖然我們不需要用 var 來修飾形式參數，但是形式參數的確也是變量，並且被自動提升到次高的優先權
－函數宣告。除了var 以外，function declaration 也可以定義新的命名，並且同樣會被hoisting 至作用域頂部，僅次於前兩者
——最後，是本文提到的常規變量，也就是var 聲明的變數
JavaScript 內部，所有數字都是以64位元浮點數形式儲存，即使整數也是如此。所以，1與1.0是相同的，是同一個數字。
這就是說，JavaScript 語言的底層根本沒有整數，所有數字都是小數（64位元浮點數）。容易造成混淆的是，某些運算只有整數才能完成，此時 JavaScript 會自動把64位元浮點數，轉換成32位元整數，然後再運算。
由於浮點數不是精確的值，所以涉及小數的比較和運算要特別小心。
0.1 + 0.2 === 0.3 // false 0.3 / 0.1 // 2.9999999999999996 (0.3 - 0.2) === (0.2 - 0.1) // false
精確度最多只能到53個二進位位，這意味著，絕對值小於等於2的53次方的整數，即-253到253，都可以精確表示。
Math.pow(2, 53) // 9007199254740992 Math.pow(2, 53) + 1 // 9007199254740992 Math.pow(2, 53) + 2 // 9007199254740994 Math.pow(2, 53) + 3 // 9007199254740996 Math.pow(2, 53) + 4 // 9007199254740996
上面程式碼中，大於2的53次方以後，整數運算的結果開始出現錯誤。所以，大於2的53次方的數值，都無法保持精度。由於2的53次方是一個16位的十進制數值，所以簡單的法則就是，JavaScript 對15位的十進位數都可以精確處理。
Math.pow(2, 53) // 9007199254740992 // 多出的三个有效数字，将无法保存 9007199254740992111 // 9007199254740992000
根據標準，64位浮點數的指數部分的長度是11個二進位位，表示指數部分的最大值是2047（2的11次方減1）。也就是說，64位元浮點數的指數部分的值最大為2047，分出一半表示負數，則 JavaScript 能夠表示的數值範圍為21024到2-1023（開區間），超出這個範圍的數字無法表示。
如果一個數字大於等於2的1024次方，那麼就會發生“正向溢出”，即 JavaScript 無法表示這麼大的數，這時就會返回Infinity。
Math.pow(2, 1024) // Infinity Math.pow(2, -1075) // 0
對於那些會自動轉為科學計數法的數字，parseInt會將科學計數法的表示方法視為字串，因此導致一些奇怪的結果。
parseInt(1000000000000000000000.5) // 1 // 等同于 parseInt('1e+21') // 1 parseInt(0.0000008) // 8 // 等同于 parseInt('8e-7') // 8
parseInt方法还可以接受第二个参数（2到36之间），表示被解析的值的进制，返回该值对应的十进制数。默认情况下，parseInt的第二个参数为10，即默认是十进制转十进制。
parseInt('1000', 2) // 8 parseInt('1000', 6) // 216 parseInt('1000', 8) // 512
isFinite方法返回一个布尔值，表示某个值是否为正常的数值。
isFinite(Infinity) // false isFinite(-Infinity) // false isFinite(NaN) // false isFinite(-1) // true
它的作用是操作同一个对象的多个属性时，提供一些书写的方便。
var obj = {
p1: 1,
p2: 2,
};
with (obj) {
p1 = 4;
p2 = 5;
}
// 等同于
obj.p1 = 4;
obj.p2 = 5;注意，如果with区块内部有变量的赋值操作，必须是当前对象已经存在的属性，否则会创造一个当前作用域的全局变量。
var obj = {};
with (obj) {
p1 = 4;
p2 = 5;
}
obj.p1 // undefined
p1 // 4二进制或运算符（or）：符号为|，表示若两个二进制位都为0，则结果为0，否则为1。
二进制与运算符（and）：符号为&，表示若两个二进制位都为1，则结果为1，否则为0。
二进制否运算符（not）：符号为~，表示对一个二进制位取反。
异或运算符（xor）：符号为^，表示若两个二进制位不相同，则结果为1，否则为0。
左移运算符（left shift）：符号为<<
右移运算符（right shift）：符号为>>
带符号位的右移运算符（zero filled right shift）：符号为>>>
void运算符的作用是执行一个表达式，然后不返回任何值，或者说返回undefined。
下面是一个更实际的例子，用户点击链接提交表单，但是不产生页面跳转。
<a href="javascript: void(document.form.submit())"> 提交 </a>
圆括号不是运算符，而是一种语法结构。它一共有两种用法：一种是把表达式放在圆括号之中，提升运算的优先级；另一种是跟在函数的后面，作用是调用函数。
简单的规则是，Number方法的参数是对象时，将返回NaN，除非是包含单个数值的数组。
Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5之所以会这样，是因为Number背后的转换规则比较复杂。
第一步，调用对象自身的valueOf方法。如果返回原始类型的值，则直接对该值使用Number函数，不再进行后续步骤。
第二步，如果valueOf方法返回的还是对象，则改为调用对象自身的toString方法。如果toString方法返回原始类型的值，则对该值使用Number函数，不再进行后续步骤。
第三步，如果toString方法返回的是对象，就报错。
String方法的参数如果是对象，返回一个类型字符串；如果是数组，返回该数组的字符串形式。
String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"String方法背后的转换规则，与Number方法基本相同，只是互换了valueOf方法和toString方法的执行顺序。
先调用对象自身的toString方法。如果返回原始类型的值，则对该值使用String函数，不再进行以下步骤。
如果toString方法返回的是对象，再调用原对象的valueOf方法。如果valueOf方法返回原始类型的值，则对该值使用String函数，不再进行以下步骤。
如果valueOf方法返回的是对象，就报错。
SyntaxError 对象是解析代码时发生的语法错误。
ReferenceError 对象是引用一个不存在的变量时发生的错误。
angeError 对象是一个值超出有效范围时发生的错误。主要有几种情况，一是数组长度为负数，二是Number对象的方法参数超出范围，以及函数堆栈超过最大值。
TypeError 对象是变量或参数不是预期类型时发生的错误。比如，对字符串、布尔值、数值等原始类型的值使用new命令，就会抛出这种错误，因为new命令的参数应该是一个构造函数。
URIError 对象是 URI 相关函数的参数不正确时抛出的错误，主要涉及encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()这六个函数。
eval 函数没有被正确执行时，会抛出EvalError错误。该错误类型已经不再使用了，只是为了保证与以前代码兼容，才继续保留。
var err1 = new Error('出错了！');
var err2 = new RangeError('出错了，变量超出有效范围！');
var err3 = new TypeError('出错了，变量类型无效！');
err1.message // "出错了！"
err2.message // "出错了，变量超出有效范围！"
err3.message // "出错了，变量类型无效！"try...catch结构允许在最后添加一个finally代码块，表示不管是否出现错误，都必需在最后运行的语句。
function cleansUp() {
try {
throw new Error('出错了……');
console.log('此行不会执行');
} finally {
console.log('完成清理工作');
}
}
cleansUp()
// 完成清理工作
// Error: 出错了……map方法不仅可以用于数组，还可以用于字符串，用来遍历字符串的每个字符。但是，不能直接使用，而要通过函数的call方法间接使用，或者先将字符串转为数组，然后使用。
var upper = function (x) {
return x.toUpperCase();
};
[].map.call('abc', upper)
// [ 'A', 'B', 'C' ]
// 或者
'abc'.split('').map(upper)
// [ 'A', 'B', 'C' ]其他类似数组的对象（比如document.querySelectorAll方法返回DOM节点集合），也可以用上面的方法遍历。
map方法还可以接受第二个参数，表示回调函数执行时this所指向的对象。
var arr = ['a', 'b', 'c'];
[1, 2].map(function(e){
return this[e];
}, arr)
// ['b', 'c']如果数组有空位，map方法的回调函数在这个位置不会执行，会跳过数组的空位。
Array(2).map(function (){
console.log('enter...');
return 1;
})
// [, ,]reduce方法和reduceRight方法依次处理数组的每个成员，最终累计为一个值。
它们的差别是，reduce是从左到右处理（从第一个成员到最后一个成员），reduceRight则是从右到左（从最后一个成员到第一个成员），其他完全一样。
这两个方法的第一个参数都是一个函数。该函数接受以下四个参数。
累积变量，默认为数组的第一个成员
当前变量，默认为数组的第二个成员
当前位置（从0开始）
原数组
[1, 2, 3, 4, 5].reduce(function(x, y){
console.log(x, y)
return x + y;
});
// 1 2
// 3 3
// 6 4
// 10 5
//最后结果：15Object.keys方法和Object.getOwnPropertyNames方法都用来遍历对象的属性。
Object.keys方法的参数是一个对象，返回一个数组。该数组的成员都是该对象自身的（而不是继承的）所有属性名。
Object.getOwnPropertyNames方法与Object.keys类似，也是接受一个对象作为参数，返回一个数组，包含了该对象自身的所有属性名。
对于一般的对象来说，Object.keys()和Object.getOwnPropertyNames()返回的结果是一样的。只有涉及不可枚举属性时，才会有不一样的结果。Object.keys方法只返回可枚举的属性，Object.getOwnPropertyNames方法还返回不可枚举的属性名。
var a = ['Hello', 'World']; Object.keys(a) // ["0", "1"] Object.getOwnPropertyNames(a) // ["0", "1", "length"]
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
navigator.clipboard浏览器怎么制作原生剪贴板
以上是使用JavaScript必須知道的小細節的詳細內容。更多資訊請關注PHP中文網其他相關文章！
