深浅拷贝

Author: sillence

README.md

@@ -32,8 +32,8 @@ ES6 出来的 `Symbol` 也是原始数据类型 ，表示独一无二的值
 <details><summary><b>答案</b></summary>
 <p>
 
-函数声明表达式 
- 
+函数声明表达式
+
 ```javascript
 var func = function add(a, b) {
  return a + b
@@ -67,7 +67,7 @@ var func = (a, b) => {
 
 ---
 
-#### null 和 undefined 的差异？
+#### `null` 和 `undefined` 的差异？
 
 <details><summary><b>答案</b></summary>
 <p>
@@ -89,6 +89,23 @@ var func = (a, b) => {
 
 ---
 
+#### `let` 和 `const` 的区别？
+
+<details><summary><b>答案</b></summary>
+<p>
+
+- `let` 与 `const` 都是只在声明所在的块级作用域内有效。
+- `let` 声明的变量可以改变，值和类型都可以改变，没有限制。
+- `const` 声明的变量不得改变值，这意味着，`const` 一旦声明变量，就必须立即初始化，不能留到以后赋值。
+
+修改 `const` 对象的某个属性会报错吗？ 
+因为对象是引用类型的，`const`仅保证指针不发生改变，修改对象的属性不会改变对象的指针，所以是被允许的。
+
+</p>
+</details>
+
+---
+
 #### 箭头函数和普通函数的区别？
 
 <details><summary><b>答案</b></summary>
@@ -106,3 +123,97 @@ var func = (a, b) => {
 </details>
 
 ---
+
+#### es6 class static 解释？如何继承 static？
+
+<details><summary><b>答案</b></summary>
+<p>
+
+类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上`static`关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。
+
+- 静态方法调用直接在类上进行，而在类的实例上不可被调用。
+- 父类的静态方法，可以被子类继承。
+
+```javascript
+class Foo {
+ static classMethod() {
+ return 'hello'
+ }
+}
+// 静态方法调用直接在类上进行，而在类的实例上不可被调用。
+Foo.classMethod() // 'hello'
+var foo = new Foo()
+foo.classMethod() // TypeError: foo.classMethod is not a function
+
+// 父类的静态方法，可以被子类继承。
+class Bar extends Foo {}
+Bar.classMethod() // 'hello'
+```
+
+</p>
+</details>
+
+---
+
+#### 深拷贝和浅拷贝的区别，以及实现？
+
+<details><summary><b>答案</b></summary>
+<p>
+
+`浅拷贝`只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 
+`深拷贝`会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。
+
+**如何实现浅拷贝:**
+
+```javascript
+function clone(target) {
+ let cloneTarget = {};
+ for (const key in target) {
+ cloneTarget[key] = target[key];
+ }
+ return cloneTarget;
+};
+```
+
+**如何实现深拷贝:**
+
+如果你的对象**没有**复杂类型的数据如 `Dates`, `functions`, `undefined`, `Infinity`, `RegExps`, `Maps`, `Sets`, `Blobs`等 简单的实现方法：
+
+```javascript
+JSON.parse(JSON.stringify())
+```
+ 基础款：
+ 
+```javascript
+function cloneObject(obj) {
+ var clone = {};
+ for(var i in obj) {
+ if(typeof(obj[i])=="object" && obj[i] != null)
+ clone[i] = cloneObject(obj[i]);
+ else
+ clone[i] = obj[i];
+ }
+ return clone;
+}
+```
+看如何一步一步实现： [如何写出一个惊艳面试官的深拷贝?](https://juejin.im/post/5d6aa4f96fb9a06b112ad5b1)
+
+**ES6 `Object.assign()` 是深拷贝还是浅拷贝？**
+
+`Object.assign`方法实行的是浅拷贝，不是深拷贝。 
+也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。 
+注意:object 只有一层的时候，是深拷贝
+
+```javascript
+let obj = {
+ username: 'sunnie',
+}
+let obj2 = Object.assign({}, obj)
+obj2.username = 'change' // `深拷贝`修改新对象不会改到原对象
+console.log(obj) // {username: "sunnie"}
+```
+
+</p>
+</details>
+
+---

docs/javascript/README.md

@@ -32,8 +32,8 @@ ES6 出来的 `Symbol` 也是原始数据类型 ，表示独一无二的值
 <details><summary><b>答案</b></summary>
 <p>
 
-函数声明表达式 
- 
+函数声明表达式
+
 ```javascript
 var func = function add(a, b) {
  return a + b
@@ -67,7 +67,7 @@ var func = (a, b) => {
 
 ---
 
-#### null 和 undefined 的差异？
+#### `null` 和 `undefined` 的差异？
 
 <details><summary><b>答案</b></summary>
 <p>
@@ -89,6 +89,23 @@ var func = (a, b) => {
 
 ---
 
+#### `let` 和 `const` 的区别？
+
+<details><summary><b>答案</b></summary>
+<p>
+
+- `let` 与 `const` 都是只在声明所在的块级作用域内有效。
+- `let` 声明的变量可以改变，值和类型都可以改变，没有限制。
+- `const` 声明的变量不得改变值，这意味着，`const` 一旦声明变量，就必须立即初始化，不能留到以后赋值。
+
+修改 `const` 对象的某个属性会报错吗？ 
+因为对象是引用类型的，`const`仅保证指针不发生改变，修改对象的属性不会改变对象的指针，所以是被允许的。
+
+</p>
+</details>
+
+---
+
 #### 箭头函数和普通函数的区别？
 
 <details><summary><b>答案</b></summary>
@@ -106,3 +123,97 @@ var func = (a, b) => {
 </details>
 
 ---
+
+#### es6 class static 解释？如何继承 static？
+
+<details><summary><b>答案</b></summary>
+<p>
+
+类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上`static`关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。
+
+- 静态方法调用直接在类上进行，而在类的实例上不可被调用。
+- 父类的静态方法，可以被子类继承。
+
+```javascript
+class Foo {
+ static classMethod() {
+ return 'hello'
+ }
+}
+// 静态方法调用直接在类上进行，而在类的实例上不可被调用。
+Foo.classMethod() // 'hello'
+var foo = new Foo()
+foo.classMethod() // TypeError: foo.classMethod is not a function
+
+// 父类的静态方法，可以被子类继承。
+class Bar extends Foo {}
+Bar.classMethod() // 'hello'
+```
+
+</p>
+</details>
+
+---
+
+#### 深拷贝和浅拷贝的区别，以及实现？
+
+<details><summary><b>答案</b></summary>
+<p>
+
+`浅拷贝`只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 
+`深拷贝`会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。
+
+**如何实现浅拷贝:**
+
+```javascript
+function clone(target) {
+ let cloneTarget = {};
+ for (const key in target) {
+ cloneTarget[key] = target[key];
+ }
+ return cloneTarget;
+};
+```
+
+**如何实现深拷贝:**
+
+如果你的对象**没有**复杂类型的数据如 `Dates`, `functions`, `undefined`, `Infinity`, `RegExps`, `Maps`, `Sets`, `Blobs`等 简单的实现方法：
+
+```javascript
+JSON.parse(JSON.stringify())
+```
+ 基础款：
+ 
+```javascript
+function cloneObject(obj) {
+ var clone = {};
+ for(var i in obj) {
+ if(typeof(obj[i])=="object" && obj[i] != null)
+ clone[i] = cloneObject(obj[i]);
+ else
+ clone[i] = obj[i];
+ }
+ return clone;
+}
+```
+看如何一步一步实现： [如何写出一个惊艳面试官的深拷贝?](https://juejin.im/post/5d6aa4f96fb9a06b112ad5b1)
+
+**ES6 `Object.assign()` 是深拷贝还是浅拷贝？**
+
+`Object.assign`方法实行的是浅拷贝，不是深拷贝。 
+也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。 
+注意:object 只有一层的时候，是深拷贝
+
+```javascript
+let obj = {
+ username: 'sunnie',
+}
+let obj2 = Object.assign({}, obj)
+obj2.username = 'change' // `深拷贝`修改新对象不会改到原对象
+console.log(obj) // {username: "sunnie"}
+```
+
+</p>
+</details>
+
+---