Trung tâm cá nhân
sách gpt4 ăn đã đi

javascript - 为函数原型(prototype)调用 Object.defineProperty 时会发生什么？

In lại 作者：搜寻专家 更新时间：2023-11-01 04:43:32 28 4
mua khóa gpt4 giày nike 

var Foo = function(){};

Object.defineProperty(Foo.prototype,'x',{
    get(){
        return 3;
    }
});

var foo = new Foo();

console.dir(foo);

我要找的结果应该是

Đồ ăn {
    __proto__:{
        constructor: ƒ (),
        x: 3,
        __proto__: Object
    }
}

但真正的结果是

Đồ ăn {
    x: 3,
    __proto__:{
        constructor: ƒ (),
        x: 3,
        __proto__: Object
    }
}

为什么x属性已经出现在最外层了？

câu trả lời hay nhất

发生了什么(一步一步)

var Foo = function(){};

定义了一个新函数，命名为 - Foo。如果我们使用 console.dir(Foo) 我们会看到 Đồ ăn 有两个特殊成员 prototype Và __proto__

Object.defineProperty(Foo.prototype,'x',{
    get(){
        return 3;
    }
});

更新了 Foo 的原型(prototype)。关于 defineProperty(来自 MDN):

The static method Object.defineProperty() defines a new propertydirectly on an object, or modifies an existing property on an object,and returns the object.

Vì vậy prototype 对象现在被修改为一个名为 x 的新成员。 prototype 在这里作为一个 c'tor，当 Đồ ăn 的新实例被创建时将“启动”

var foo = new Foo();

一个新的 Foo 实例被创建。 c'tor 调用使用 Foo 原型(prototype)并且应用了 x getter

备选方案

Mở rộng Foo 原型(prototype)，从而确保它只会影响从 Đồ ăn(作为一个类)创建的对象

Object.defineProperty(Foo.prototype, 'x',
{
    get: () => 3
}); 

console.dir(new Foo().x) // will show 3
console.dir(Foo.x) // undefined - protorype is for class objects

或者扩展 Foo __proto__，从而将 Đồ ăn 更新为一个函数，同时不影响从它创建的对象

Object.defineProperty(Foo.__proto__, 'x',
{
    get: () => 3
}); 

console.dir(new Foo().x) // undefined - x is not a member of Foo
console.dir(Foo.x) // 3

奖金:非常好 bài báo关于 JS 原型(prototype)以及为什么会这样

原始答案

这是因为在 JS 中 chức năng 是声明函数和类的一种方式!

所以你的Đồ ăn函数也可以作为一个类来使用

var Foo = function(){};
Foo(); // call Foo as a function
var obj = new Foo(); // initiate an instance from class Foo

因为您正在使用 Foo.prototype sự vật (作为函数)，然后您从 Đồ ăn 类创建一个新实例，您保证那:

  1. 您的函数原型(prototype)将使用您的新 getter 进行修改
  2. 来自您的类的每个新对象(继承)也将使用您的新 getter(在对象级别)

我真的认为你的代码应该是这样的:

function Foo ()
{
    Object.defineProperty(this,'x',{
       get(){
           return 3;
       }
    });
}

关于javascript - 为函数原型(prototype)调用 Object.defineProperty 时会发生什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53816004/

28 4 0
Đề xuất bài viết: ios - ionic 代理适用于 ionic 服务，不适用于 ios 模拟器或设备
Đề xuất bài viết: ios - 使用 CATransform3DRotate 制作动画
Đề xuất bài viết: ios - 福特应用程序链接同步错误
Đề xuất bài viết: Phần cuối chuyển văn bản thành giọng nói của iOS
搜寻专家
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress