深浅拷贝

1
2
3
4
5
6

let a = {
  age: 1,
};
let b = a;
a.age = 2;
console.log(b.age); // 2

从上述例子中我们可以发现，如果给一个变量赋值一个对象，那么两者的值会是同一个引用，其中一方改变，另一方也会相应改变。
通常在开发中我们不希望出现这样的问题，我们可以使用浅拷贝来解决这个问题。

浅拷贝
首先可以通过 Object.assign 来解决这个问题。

1
2
3
4
5
6

let a = {
  age: 1,
};
let b = Object.assign({}, a);
a.age = 2;
console.log(b.age); // 1

阅读全文

== 和 === 运算符用于比较两个值是否相等，当然，它们对相等的定义不尽相同。两个运算符允许任意类型的操作数，如果操作数相等则返回true,否则返回false。那么关于== 和===有什么区别呢？让我们一起来探究。

‘===’恒等

===严格相等运算符，首先计算其操作数的值，然后比较这两个值，比较过程没有任何类型转换：
如果两个类型不相同，则它们不相等。例如：

1

1 === 'true'  // false

如果两个值都是null或者都是undefined，则它们相等。例如：

1

null === undefined  // false

如果两个值都是布尔值true或者都是false,则它们相等。例如：

1

true === true   // true

阅读全文

什么是闭包

闭包的定义其实很简单：函数 A 返回了一个函数 B，并且函数 B 中使用了函数 A 的变量，函数 B 就被称为闭包。

1
2
3
4
5
6
7

function A() {
  let a = 1;
  function B() {
    console.log(a);
  }
  return B;
}

变量的作用域

要理解闭包，首先必须理解 Javascript 特殊的变量作用域。
变量的作用域无非就是两种：全局变量和局部变量。
Javascript 语言的特殊之处，就在于函数内部可以直接读取全局变量。

阅读全文

今天说一下JS中原型和原型链，我理解的也不是很透彻，这边结合网上的一些文章，记录一下。

1. 原型 / 构造函数 / 实例

每个函数都有 prototype 属性，除了 Function.prototype.bind()，该属性指向原型。
每个对象都有proto属性，指向了创建该对象的构造函数的原型。其实这个属性指向了 [[prototype]]，但是 [[prototype]] 是内部属性，我们并不能访问到，所以使用proto来访问。
对象可以通过proto来寻找不属于该对象的属性，proto将对象连接起来组成了原型链。
如果你想更进一步的了解原型，可以仔细阅读深度解析原型中的各个难点。

• 原型(prototype): 一个简单的对象，用于实现对象的 属性继承。可以简单的理解成对象的爹。在 Firefox 和 Chrome 中，每个JavaScript对象中都包含一个proto (非标准)的属性指向它爹(该对象的原型)，可obj__proto__进行访问。
• 构造函数: 可以通过new来 新建一个对象 的函数。
• 实例: 通过构造函数和new创建出来的对象，便是实例。
• 实例通过proto指向原型，通过constructor指向构造函数。

可能有点懵逼，这里来举个栗子，以Object为例，我们常用的Object便是一个构造函数，因此我们可以通过它构建实例。

1
2

// 实例
const instance = new Object()

阅读全文

什么是 Promise?

Promise 是 JS 异步编程中的重要概念，异步抽象处理对象，是目前比较流行 Javascript 异步编程解决方案之一

有用过 promise 吗？请写出下列代码的执行结果，并写出你的理解思路：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

setTimeout(() => {
  console.log(1);
}, 0);

new Promise((resolve) => {
  console.log(2);
  for (var i = 1; i < 200; i++) {
    i = 198 && resolve();
  }
  console.log(3);
}).then(() => {
  console.log(4);
});
console.log(5);
// 结果：2、3、5、4、1;

阅读全文

项目开发中经常会遇到 this 指向的问题，可能会纠结很久，今天将 this 做个汇总，以便在日后的开发中少走弯路,而且在面试中也可能会被问及。

注意：本文讲述只针对浏览器环境。

一：全局执行

1
2

console.log(this);
//window

可以看出在全局作用域中 this 指向当前的全局对象 Window。

二：函数中执行

1.非严格模式中

1
2
3
4
5

function func() {
  console.log(this);
}
func();
// Window

阅读全文