...
-document.getElementById('myDiv').scrollHeight // 356
+//
...
+document.getElementById('myDiv').scrollHeight // 200
```
上面代码中,即使`myDiv`元素的 CSS 高度只有200像素,且溢出部分不可见,但是`scrollHeight`仍然会返回该元素的原始高度。
diff --git a/docs/dom/mutationobserver.md b/docs/dom/mutationobserver.md
index ace5853..0715565 100644
--- a/docs/dom/mutationobserver.md
+++ b/docs/dom/mutationobserver.md
@@ -44,7 +44,7 @@ var observer = new MutationObserver(function (mutations, observer) {
```javascript
var article = document.querySelector('article');
-var options = {
+var options = {
'childList': true,
'attributes':true
} ;
diff --git a/docs/oop/strict.md b/docs/oop/strict.md
index 3dffbe6..cc339c8 100644
--- a/docs/oop/strict.md
+++ b/docs/oop/strict.md
@@ -12,7 +12,7 @@
- 明确禁止一些不合理、不严谨的语法,减少 JavaScript 语言的一些怪异行为。
- 增加更多报错的场合,消除代码运行的一些不安全之处,保证代码运行的安全。
-- 提高编译器效率,增加运行速度。
+- 提高编译器效率,提升运行速度。
- 为未来新版本的 JavaScript 语法做好铺垫。
总之,严格模式体现了 JavaScript 更合理、更安全、更严谨的发展方向。
@@ -108,7 +108,7 @@ function notStrict() {
```javascript
// 对只读属性赋值会报错
'use strict';
-Object.defineProperty({}, 'a', {
+var obj = Object.defineProperty({}, 'a', {
value: 37,
writable: false
});
diff --git a/docs/oop/this.md b/docs/oop/this.md
index 6668047..6792c30 100644
--- a/docs/oop/this.md
+++ b/docs/oop/this.md
@@ -679,19 +679,19 @@ Array.prototype.slice.apply({length: 1}) // [undefined]
前面的按钮点击事件的例子,可以改写如下。
```javascript
-var o = new Object();
+var obj = new Object();
-o.f = function () {
- console.log(this === o);
+var func = function () {
+ console.log(this === obj);
}
-var f = function (){
- o.f.apply(o);
- // 或者 o.f.call(o);
+var handler = function (){
+ func.apply(obj);
+ // 或者 func.call(obj);
};
// jQuery 的写法
-$('#button').on('click', f);
+$('#button').on('click', handler);
```
上面代码中,点击按钮以后,控制台将会显示`true`。由于`apply()`方法(或者`call()`方法)不仅绑定函数执行时所在的对象,还会立即执行函数,因此不得不把绑定语句写在一个函数体内。更简洁的写法是采用下面介绍的`bind()`方法。
diff --git a/docs/operators/comparison.md b/docs/operators/comparison.md
index 3f34eca..002254a 100644
--- a/docs/operators/comparison.md
+++ b/docs/operators/comparison.md
@@ -99,7 +99,7 @@ x> '11' // true
x.valueOf = function () { return '1' };
x> '11' // false
-// 等同于 [2].valueOf()> '11'
+// 等同于 (function () { return '1' })()> '11'
// 即 '1'> '11'
```
@@ -114,8 +114,8 @@ x> '11' // false
// 等同于 [2].valueOf().toString()> [11].valueOf().toString()
// 即 '2'> '11'
-{ x: 2 }>= { x: 1 } // true
-// 等同于 { x: 2 }.valueOf().toString()>= { x: 1 }.valueOf().toString()
+({ x: 2 })>= ({ x: 1 }) // true
+// 等同于 ({ x: 2 }).valueOf().toString()>= ({ x: 1 }).valueOf().toString()
// 即 '[object Object]'>= '[object Object]'
```
diff --git a/docs/stdlib/date.md b/docs/stdlib/date.md
index 2b0326e..d0475da 100644
--- a/docs/stdlib/date.md
+++ b/docs/stdlib/date.md
@@ -317,15 +317,15 @@ d.toTimeString() // "00:00:00 GMT+0800 (CST)"
var d = new Date(2013, 0, 1);
d.toLocaleString()
-// 中文版浏览器为"2013年1月1日 上午12:00:00"
+// 中文版浏览器为"2013/1/1 00:00:00"
// 英文版浏览器为"1/1/2013 12:00:00 AM"
d.toLocaleDateString()
-// 中文版浏览器为"2013年1月1日"
+// 中文版浏览器为"2013/1/1"
// 英文版浏览器为"1/1/2013"
d.toLocaleTimeString()
-// 中文版浏览器为"上午12:00:00"
+// 中文版浏览器为"00:00:00"
// 英文版浏览器为"12:00:00 AM"
```
@@ -343,13 +343,13 @@ dateObj.toLocaleTimeString([locales[, options]])
var d = new Date(2013, 0, 1);
d.toLocaleString('en-US') // "1/1/2013, 12:00:00 AM"
-d.toLocaleString('zh-CN') // "2013/1/1 上午12:00:00"
+d.toLocaleString('zh-CN') // "2013/1/1 00:00:00"
d.toLocaleDateString('en-US') // "1/1/2013"
d.toLocaleDateString('zh-CN') // "2013/1/1"
d.toLocaleTimeString('en-US') // "12:00:00 AM"
-d.toLocaleTimeString('zh-CN') // "上午12:00:00"
+d.toLocaleTimeString('zh-CN') // "00:00:00"
```
`options`配置对象有以下属性。
@@ -479,7 +479,7 @@ d.getUTCDate() // 5
- `setDate(date)`:设置实例对象对应的每个月的几号(1-31),返回改变后毫秒时间戳。
- `setFullYear(year [, month, date])`:设置四位年份。
- `setHours(hour [, min, sec, ms])`:设置小时(0-23)。
-- `setMilliseconds()`:设置毫秒(0-999)。
+- `setMilliseconds(ms)`:设置毫秒(0-999)。
- `setMinutes(min [, sec, ms])`:设置分钟(0-59)。
- `setMonth(month [, date])`:设置月份(0-11)。
- `setSeconds(sec [, ms])`:设置秒(0-59)。
diff --git a/docs/stdlib/json.md b/docs/stdlib/json.md
index dfe1b76..c395d46 100644
--- a/docs/stdlib/json.md
+++ b/docs/stdlib/json.md
@@ -395,6 +395,15 @@ JSON.parse('{"a": 1, "b": 2}', f)
上面代码中,`JSON.parse()`的第二个参数是一个函数,如果键名是`a`,该函数会将键值加上10。
+`JSON.parse()`和`JSON.stringify()`可以结合使用,像下面这样写,实现对象的深拷贝。
+
+```javascript
+JSON.parse(JSON.stringify(obj))
+```
+
+上面这种写法,可以深度克隆一个对象,但是对象内部不能有 JSON
+不允许的数据类型,比如函数、正则对象、日期对象等。
+
## 参考链接
- MDN, [Using native JSON](https://developer.mozilla.org/en-US/docs/Using_native_JSON)
diff --git a/docs/stdlib/object.md b/docs/stdlib/object.md
index 51ba1e6..783175c 100644
--- a/docs/stdlib/object.md
+++ b/docs/stdlib/object.md
@@ -56,7 +56,7 @@ obj instanceof Object // true
`instanceof`运算符用来验证,一个对象是否为指定的构造函数的实例。`obj instanceof Object`返回`true`,就表示`obj`对象是`Object`的实例。
-如果参数是原始类型的值,`Object`方法将其转为对应的包装对象的实例(参见《原始类型的包装对象》一章)。
+如果参数是原始类型的值,`Object`方法将其转为对应的包装对象的实例(参见《包装对象》一章)。
```javascript
var obj = Object(1);
@@ -156,7 +156,7 @@ var obj = {
Object.getOwnPropertyNames(obj) // ["p1", "p2"]
```
-对于一般的对象来说,`Object.keys()`和`Object.getOwnPropertyNames()`返回的结果是一样的。只有涉及不可枚举属性时,才会有不一样的结果。`Object.keys`方法只返回可枚举的属性(详见《对象属性的描述对象》一章),`Object.getOwnPropertyNames`方法还返回不可枚举的属性名。
+对于一般的对象来说,`Object.keys()`和`Object.getOwnPropertyNames()`返回的结果是一样的。只有涉及不可枚举属性时,才会有不一样的结果。`Object.keys`方法只返回可枚举的属性(详见《属性描述对象》一章),`Object.getOwnPropertyNames`方法还返回不可枚举的属性名。
```javascript
var a = ['Hello', 'World'];
@@ -231,7 +231,7 @@ obj.valueOf() === obj // true
上面代码比较`obj.valueOf()`与`obj`本身,两者是一样的。
-`valueOf`方法的主要用途是,JavaScript 自动类型转换时会默认调用这个方法(详见《数据类型转换》一章)。
+`valueOf`方法的主要用途是,JavaScript 自动类型转换时会默认调用这个方法(详见《数据类型的转换》一章)。
```javascript
var obj = new Object();
@@ -308,7 +308,7 @@ var obj = {};
obj.toString() // "[object Object]"
```
-上面代码调用空对象的`toString`方法,结果返回一个字符串`object Object`,其中第二个`Object`表示该值的构造函数。这是一个十分有用的判断数据类型的方法。
+上面代码调用空对象的`toString`方法,结果返回一个字符串`[object Object]`,其中第二个`Object`表示该值的构造函数。这是一个十分有用的判断数据类型的方法。
由于实例对象可能会自定义`toString`方法,覆盖掉`Object.prototype.toString`方法,所以为了得到类型字符串,最好直接使用`Object.prototype.toString`方法。通过函数的`call`方法,可以在任意值上调用这个方法,帮助我们判断这个值的类型。
diff --git a/docs/stdlib/regexp.md b/docs/stdlib/regexp.md
index 8e306e0..5a1d884 100644
--- a/docs/stdlib/regexp.md
+++ b/docs/stdlib/regexp.md
@@ -104,7 +104,7 @@ r.lastIndex = 4;
r.test(s) // false
r.lastIndex // 0
-r.test(s)
+r.test(s) // true
```
上面代码指定从字符串的第五个位置开始搜索,这个位置为空,所以返回`false`。同时,`lastIndex`属性重置为`0`,所以第二次执行`r.test(s)`会返回`true`。
@@ -150,7 +150,7 @@ r2.exec(s) // null
上面代码中,正则对象`r1`匹配成功,返回一个数组,成员是匹配结果;正则对象`r2`匹配失败,返回`null`。
-如果正则表示式包含圆括号(即含有"组匹配"),则返回的数组会包括多个成员。第一个成员是整个匹配成功的结果,后面的成员就是圆括号对应的匹配成功的组。也就是说,第二个成员对应第一个括号,第三个成员对应第二个括号,以此类推。整个数组的`length`属性等于组匹配的数量再加1。
+如果正则表达式包含圆括号(即含有"组匹配"),则返回的数组会包括多个成员。第一个成员是整个匹配成功的结果,后面的成员就是圆括号对应的匹配成功的组。也就是说,第二个成员对应第一个括号,第三个成员对应第二个括号,以此类推。整个数组的`length`属性等于组匹配的数量再加1。
```javascript
var s = '_x_x';
diff --git a/docs/types/general.md b/docs/types/general.md
index 8454b44..6d512ef 100644
--- a/docs/types/general.md
+++ b/docs/types/general.md
@@ -2,7 +2,7 @@
## 简介
-JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值,本教程不涉及。)
+JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了 Symbol 和 BigInt 数据类型,本教程不涉及。)
- 数值(number):整数和小数(比如`1`和`3.14`)。
- 字符串(string):文本(比如`Hello World`)。
diff --git a/docs/types/null-undefined-boolean.md b/docs/types/null-undefined-boolean.md
index 9a76679..129dda3 100644
--- a/docs/types/null-undefined-boolean.md
+++ b/docs/types/null-undefined-boolean.md
@@ -35,7 +35,7 @@ undefined == null
既然含义与用法都差不多,为什么要同时设置两个这样的值,这不是无端增加复杂度,令初学者困扰吗?这与历史原因有关。
-1995年 JavaScript 诞生时,最初像 Java 一样,只设置了`null`表示"无"。根据 C 语言的传统,`null`可以自动转为`0`。
+1995年 JavaScript 诞生时,最初像 Java 一样,只设置了`null`表示"无"。根据 C 语言的传统,`null`可以自动转为`0`。
```javascript
Number(null) // 0
@@ -46,7 +46,7 @@ Number(null) // 0
但是,JavaScript 的设计者 Brendan Eich,觉得这样做还不够。首先,第一版的 JavaScript 里面,`null`就像在 Java 里一样,被当成一个对象,Brendan Eich 觉得表示"无"的值最好不是对象。其次,那时的 JavaScript 不包括错误处理机制,Brendan Eich 觉得,如果`null`自动转为0,很不容易发现错误。
-因此,他又设计了一个`undefined`。区别是这样的:`null`是一个表示"空"的对象,转为数值时为`0`;`undefined`是一个表示"此处无定义"的原始值,转为数值时为`NaN`。
+因此,他又设计了一个`undefined`。区别是这样的:`null`是一个表示"空"的对象,转为数值时为`0`;`undefined`是一个表示"此处无定义"的原始值,转为数值时为`NaN`。
```javascript
Number(undefined) // NaN
diff --git a/docs/types/number.md b/docs/types/number.md
index 64f0592..53ebfb5 100644
--- a/docs/types/number.md
+++ b/docs/types/number.md
@@ -43,7 +43,7 @@ JavaScript 内部,所有数字都是以64位浮点数形式储存,即使整
上面公式是正常情况下(指数部分在0到2047之间),一个数在 JavaScript 内部实际的表示形式。
-精度最多只能到53个二进制位,这意味着,绝对值小于2的53次方的整数,即-2
53到2
53,都可以精确表示。
+精度最多只能到53个二进制位,这意味着,绝对值小于2的53次方的整数,即-2
53 + 1 到 2
53 - 1,都可以精确表示。
```javascript
Math.pow(2, 53)
@@ -280,6 +280,12 @@ NaN * 32 // NaN
NaN / 32 // NaN
```
+但是,ES6 引入指数运算符(`**`)后,出现了一个例外。
+
+```javascript
+NaN ** 0 // 1
+```
+
### Infinity
**(1)含义**
@@ -552,7 +558,15 @@ parseFloat('3.14more non-digit characters') // 3.14
parseFloat('\t\v\r12.34\n ') // 12.34
```
-如果参数不是字符串,或者字符串的第一个字符不能转化为浮点数,则返回`NaN`。
+如果参数不是字符串,则会先转为字符串再转换。
+
+```javascript
+parseFloat([1.23]) // 1.23
+// 等同于
+parseFloat(String([1.23])) // 1.23
+```
+
+如果字符串的第一个字符不能转化为浮点数,则返回`NaN`。
```javascript
parseFloat([]) // NaN
diff --git a/package.json b/package.json
index b67124a..479b7bb 100644
--- a/package.json
+++ b/package.json
@@ -14,11 +14,6 @@
"server": "loppo server",
"test": "echo \"Error: no test specified\" && exit 1"
},
- "husky": {
- "hooks": {
- "pre-push": "npm update"
- }
- },
"repository": {
"type": "git",
"url": "git+https://github.com/wangdoc/javascript-tutorial.git"
@@ -35,9 +30,8 @@
},
"homepage": "https://github.com/wangdoc/javascript-tutorial",
"dependencies": {
- "gh-pages": "^3.2.3",
- "husky": "^4.3.8",
+ "gh-pages": "6.x",
"loppo": "^0.6.24",
- "loppo-theme-wangdoc": "^0.6.1"
+ "loppo-theme-wangdoc": "^0.7.3"
}
}