㈠ 一文读懂js中的原型链以及new操作符
理解javaScript中的原型链以及new操作符是编程领域的一大挑战，尤其对初学者来说，这一概念常常显得晦涩难懂。然而，通过深入探讨JavaScript设计原型链的初衷，我们可以更直观地理解这一机制。
原型链的建立并非仅仅是为了实现对象的继承，它更是一个关于资源管理与代码复用的设计策略。在游戏开发领域，例如英雄联盟LOL，我们可以通过JavaScript模拟英雄的属性与技能。一个单一的英雄对象可能会有特定的生命值、技能和属性，但若要创建多个相同的英雄，传统的复制方法会导致内存空间的浪费。
因此，通过改进代码设计，我们可以在每个英雄对象上共享公共属性，而将专属属性（如生命值）独立管理。这样不仅节省了内存资源，而且保持了代码的清晰与高效。这是原型链设计的核心理念。
而new操作符的存在，正是为了简化这一过程，使得开发者无需详细理解原型链的底层机制，也能轻松创建出拥有共享属性的对象实例。new操作符实际上通过四个步骤，即构造函数的调用、原型链的链接、实例属性的初始化以及返回新创建的对象，实现了对象的实例化。
原型链的概念可以形象地理解为一个“寻祖”过程，类似于孙悟空与六耳猕猴共享菩提老祖的技能。在JavaScript中，原型链连接了对象与它的构造函数，进而连接到构造函数的原型对象，直至最终的null。这不仅是一种内存优化的方法，也是JavaScript独特的哲学思想体现，即在万物之初的空无之中寻找联系与继承。
综上所述，原型与原型链是JavaScript实现继承的基石，它们不仅节省了内存资源，也是语言设计中一种深思熟虑的资源管理策略。掌握这一概念，对于理解JavaScript的继承机制、优化代码性能以及深入理解JavaScript的内核机制都具有重要意义。
㈡ 一文读懂js中的原型链以及new操作符
JavaScript中的原型链旨在解决对象共享属性与方法的问题以优化内存使用，而new操作符则简化了对象创建、原型链接、this绑定及返回新对象的过程。
原型链： 设计目的：原型链的设计是为了让多个对象可以共享相同的属性和方法，从而减少内存消耗。这类似于在英雄联盟LOL中，通过共享英雄定义来避免每个英雄实例都重复相同的代码。 工作原理：当一个对象需要访问某个属性或方法时，如果它自身没有这个属性或方法，就会沿着原型链向上查找，直到找到为止。如果原型链的尽头也没有找到，则返回undefined。 尽头设置：原型链的尽头设置为null，这体现了JavaScript的哲学思想，类似于宇宙大爆炸前的混沌状态，表示没有更多的原型可以查找。
new操作符： 功能：new操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型的实例。 执行步骤： 1. 创建新对象：首先创建一个空对象。 2. 链接原型：将这个空对象的原型链接到构造函数的prototype属性所指向的对象。 3. 绑定this：执行构造函数中的代码，此时的this指向新创建的对象。 4. 返回新对象：如果构造函数中没有显式返回对象，则默认返回新创建的对象。
总结：理解JavaScript中的原型链和new操作符，关键在于它们为优化内存使用和简化对象创建流程而设计的原理与机制。原型链通过共享属性和方法来减少内存消耗，而new操作符则通过四个步骤简化了对象的创建过程。深入理解这些特性，有助于更好地掌握JavaScript语言的底层逻辑，并高效地使用这些特性。
㈢ JS中new()实现了哪些功能
这次给大家带来JS中new()实现了哪些功能，使用JS中new()的注意事项有哪些，下面就是实战案例，一起来看一下。
前言
和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来探索 javascript 中 new 的奥秘...
要创建 Person 的新实例，必须使用 new 操作符。
以这种方式调用构造函数实际上会经历以下 4个步骤：
(1) 创建一个新对象；
(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；
(3) 执行构造函数中的代码（为这个新对象添加属性） ；
(4) 返回新对象。
new 操作符
在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在JavaScript中，我们将这类方式成为Pseudoclassical。
基于上面的例子，我们执行如下代码
var obj = new Base();这样代码的结果是什么，我们在Javascript引擎中看到的对象模型是：
new操作符具体干了什么呢?其实很简单，就干了三件事情。
var obj = {};
obj.proto = Base.prototype;
Base.call(obj);第一行，我们创建了一个空对象obj
第二行，我们将这个空对象的proto成员指向了Base函数对象prototype成员对象
第三行，我们将Base函数对象的this指针替换成obj，然后再调用Base函数，于是我们就给obj对象赋值了一个id成员变量，这个成员变量的值是”base”，关于call函数的用法。
如果我们给Base.prototype的对象添加一些函数会有什么效果呢？
例如代码如下：
Base.prototype.toString = function() {
return this.id;
}那么当我们使用new创建一个新对象的时候，根据proto的特性，toString这个方法也可以做新对象的方法被访问到。于是我们看到了：
构造子中，我们来设置‘类'的成员变量（例如：例子中的id），构造子对象prototype中我们来设置‘类'的公共方法。于是通过函数对象和Javascript特有的proto与prototype成员及new操作符，模拟出类和类实例化的效果。
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
vue父组件调用子组件有哪些方法
vue全局组件与局部组件使用案例分析详解
㈣ js中new 一个对象发生了什么
最近在面试的时候，都会被问到在js中，new 一个实例的过程，
比如 ：
定义了一个函数Person，里面有三个属性：name,age,sex;当var lisi = new Person() 的时候发生了以下4件事：
1. var obj= {} ,创建了一个空对象 obj{}， 也就是开辟了一块内存地址，新建了一个对象实例（我是这样认为的，如果有不对的欢迎指出）；
2. obj.__proto__ = Person.prototype ; 将 lisi 这个空对象的 __proto__ 指向 Person 的 prototype ，也就是设置原型链；
3. var result = Person.call(obj) ,改变this的指向，让this指向 obj 对象 ;
4。判断Person的返回值类型，如果是引用类型，则返回这个引用类型的对象，如果是普通值类型，就返回obj；
现在来看看打印出的内容：
可以看出lisi这个实例对象的构造函数是Person。