主页 / 问题 / 765445
Accepted
Алекс Кирсанов
Asked:2021-01-01 03:52:13 +0800 CST2021-01-01 03:52:13 +0800 CST

__proto__ 和原型有什么区别？

  • 772

这两种原型继承方式有什么区别，哪一种更好用？

function Cat() {
    this.__proto__.type = 'кот';
}


var cat = new Cat();
console.log(cat.type); // кот


function CatTwo() {
}
CatTwo.prototype.type = 'тоже кот';

var catTwo = new Cat();
console.log(catTwo.type); // тоже кот

javascript

2 个回答

  1. Best Answer

    实际上，问题的示例中没有继承。

    __proto__直到最近才标准化。

    在最新的规范中，您会发现getter__proto__是内部函数调用的包装器[[GetPrototypeOf]]。

    与 Object.getPrototypeOf 函数完全一样

    如果应用于上述代码：

    在第一种情况下，每次创建对象时原型的值都会改变，在第二种情况下，它只设置一次。

    由此我们可以得出结论，如果可以访问构造函数，最好直接从它更改原型。

    上述代码将产生不同值的示例：

    function Cat(type) {
  this.__proto__.type = type;
}

var cat = new Cat('кот');
console.log(cat.type); // кот
var cat2 = new Cat('кот2');
console.log(cat.type); // кот2
console.log(cat2.type); // кот2


function CatTwo() {}
CatTwo.prototype.type = 'тоже кот';

var catTwo = new CatTwo();
console.log(catTwo.type); // тоже кот

    • 7

  2. __proto__ 属性

    绝对 JavaScript 中的任何对象都有一个proto属性。这是一个隐藏的系统属性，并非在所有语言实现中都可供用户使用。

    当访问对象的任何属性时，首先在对象本身中查找：

    var obj = {ownProperty: 1};
console.log(obj.ownProperty);// 1

    但如果它不存在，则搜索发生在proto属性中：

    obj.__proto__ = {propertyOfProto: 2};
console.log(obj.propertyOfProto);// 2

    如果它也不存在，则在链的下游进行搜索：

    obj.__proto__.__proto__ = {propertyOfProtosProto: 3};
console.log(obj.propertyOfProtosProto);// 3

    该链称为原型链。

    在此处输入图像描述

    任何值（除了 null 和 undefined）的proto指的是其对应数据类型的原型：

    (0).__proto__ === Number.prototype
false.__proto__ === Boolean.prototype
"string".__proto__ === String.prototype
(new Date).__proto__ === Date.prototype
(function(){}/* new Function */).__proto__ === Function.prototype

    所有数据类型都继承自 Object，这意味着：

    Number.prototype.__proto__ === Object.prototype

    最后，链的末端：

    Object.prototype.__proto__ === null

    原型属性

    这是一个正常的属性，与任何其他属性没有什么不同。除了两件事：

    1) JavaScript 中的函数具有原型属性。默认情况下，它是一个具有单个构造函数属性的对象，该属性引用函数本身。

    在此处输入图像描述

    2) 使用 new 操作符创建新对象时使用原型属性。

    该运算符执行以下操作：

    创建一个空对象：

    var instance = {};

    通过对类函数原型的引用将proto设置为该对象：

    instance.__proto__ = FnClass.prototype;

    将类函数应用于我们新创建的对象：

    constructorReturns = FnClass.apply(instance, arguments);

    那些。执行 FnClass 函数，将实例作为 t​​his 传递，参数作为参数数组传递。

    返回类函数的一个实例，但是如果 FnClass 返回一个对象给我们，那么它：

    return constructorReturns instanceof Object ? constructorReturns : instance;

    我将类函数称为预期稍后将应用新运算符的函数。此类函数通常以大写字母命名。

    • 5

相关问题