Javascript`new`运算符和原型

假设我们创建了一个名为“形状”的函数,并添加了一个属性“名称”&原型上的方法“ toString”：

var Shape = function () {};
Shape.prototype.name = 'Shape';
Shape.prototype.toString = function () {
    return this.name;
}

console.log(Shape.name); // ''
console.log(Shape.toString()); // function () {}

var Triangle = new Shape();
console.log(Triangle.name); // 'Shape'
console.log(Triangle.toString()); // 'Shape'

“ NEW”运算符做了两件事：
1.它指向“三角形”
2.它将’Triangle’s [[proto]]指向Shape.prototype

这样我就能知道我何时叫& toString on Triangle,它搜索它的原型链,直到Shape.prototype.

但我的问题是,为什么Shape不搜索&方法的属性(甚至是对象)呢？属性？

谢谢.

解决方法:

所以我要根据我所知道的进行添加.

这里Shape是一个函数&函数只是一种特殊的对象,就像任何对象一样,函数可以具有属性.

函数自动获得一个称为prototype的属性,该属性只是一个空对象.该对象得到一些特殊处理.

当您对Function进行新的处理时,创建的对象将继承其构造函数原型的所有属性.

像波纹管

var Shape = function () {};
Shape.prototype.name = 'Shape';
Shape.prototype.toString = function () {
    return this.name;  
}

你什么时候说

var Triangle = new Shape();

那它做什么

var Triangle = {};
Triangle.name = Shape.prototype.name
Triangle.toString = Shape.prototype.toString;

“它设置了对象Triangle以委托给Shape.prototype.”

所以什么时候做

Triangle.name //Shape
Triangle.toString() // Shape

但是对于Shape,您将不得不说

Shape.prototype.name //Shape
Shape.prototype.toString() //Shape

标签：constructor,new-operator,prototype,javascript
来源： https://codeday.me/bug/20191029/1959058.html