在JavaScript中使用"defineProperty“后重置对象属性getter/setter
在JavaScript中，使用"defineProperty"方法可以定义对象的属性，并且可以自定义属性的getter和setter方法。当我们想要重置对象属性的getter和setter时，可以通过重新定义属性的方式来实现。
重置对象属性的getter和setter的步骤如下：
- 首先，我们需要获取到要重置的对象。假设我们有一个名为obj的对象。
- 接下来，我们使用"Object.getOwnPropertyDescriptor"方法获取到该对象的属性描述符。该方法接受两个参数，第一个参数是要获取属性描述符的对象，第二个参数是要获取的属性名称。例如，我们可以使用以下代码获取到属性描述符：
- 接下来，我们使用"Object.getOwnPropertyDescriptor"方法获取到该对象的属性描述符。该方法接受两个参数，第一个参数是要获取属性描述符的对象，第二个参数是要获取的属性名称。例如，我们可以使用以下代码获取到属性描述符：
- 其中，'propertyName'是要重置的属性名称。
- 然后，我们可以通过重新定义属性的方式来重置getter和setter。我们可以使用"Object.defineProperty"方法来重新定义属性。该方法接受三个参数，第一个参数是要重新定义属性的对象，第二个参数是要重新定义的属性名称，第三个参数是一个包含属性描述符的对象。例如，我们可以使用以下代码重置属性的getter和setter：
- 然后，我们可以通过重新定义属性的方式来重置getter和setter。我们可以使用"Object.defineProperty"方法来重新定义属性。该方法接受三个参数，第一个参数是要重新定义属性的对象，第二个参数是要重新定义的属性名称，第三个参数是一个包含属性描述符的对象。例如，我们可以使用以下代码重置属性的getter和setter：
- 其中，'propertyName'是要重置的属性名称，get和set是重新定义的getter和setter方法。
通过以上步骤，我们可以在JavaScript中使用"defineProperty"方法重置对象属性的getter和setter。这样可以灵活地控制属性的访问和赋值行为，实现更加精细的属性操作。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库 MongoDB 版：https://cloud.tencent.com/product/cdb-mongodb
- 云服务器 CVM：https://cloud.tencent.com/product/cvm
- 云原生容器服务 TKE：https://cloud.tencent.com/product/tke
- 云存储 COS：https://cloud.tencent.com/product/cos
- 人工智能平台 AI Lab：https://cloud.tencent.com/product/ai-lab
- 物联网平台 IoT Explorer：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台 MDP：https://cloud.tencent.com/product/mdp
- 区块链服务 BaaS：https://cloud.tencent.com/product/baas
- 腾讯会议：https://cloud.tencent.com/product/tc-meeting
相关·内容
在javascript中，对于getters /setter，您更喜欢使用Object.defineProperty和get/set方法，这有什么区别？
例如：
class Foo {
constructor () {
Object.defineProperty(this, 'bar', {
get () {
return this._bar;
},
set (value) {
this._bar = value;
浏览 0提问于2017-08-01得票数 1
回答已采纳
我的密码
有一个小的CoffeScript代码片段：
Function::trigger = (prop, getter, setter) ->
Object.defineProperty this.prototype
get: getter,
set: setter
JavaScript编译
编译器输出：
Function.prototype.trigger = function(prop, getter, setter) {
Object.defineProperty(this.prototype({
get:
浏览 4提问于2012-07-20得票数 2
回答已采纳
我可以访问我在defineProperty调用中定义的值吗？我想要创造这样的东西：
Object.defineProperty(this, 'name', {
value: 'Caaaarl',
get: function() { return <the value>; },
set: function(x) { <the value> = x; }
});
目前，我必须为每个属性创建第二个属性。
var _name = '';
Object.defineProperty(this, 'name
浏览 7提问于2014-07-11得票数 3
回答已采纳
我知道JavaScript类是原型之上的语法糖，并不像其他OOP语言中的纯类那样工作。但这里出现的问题是在getter和setter上。当完全将getter和setter留在子类中时，它的行为是正常的，但如果我定义了getter或setter中的任何一个就会破坏它们。
例如：
class A {
constructor() {
this.__value = "Default";
}
set value(value) {
console.log("setter called")
this._
浏览 0提问于2021-01-10得票数 1
我已经搜索了很多如何在Javascript中做属性。我看到的大多数显示模块模式都有完全公开的函数，根据经验，我知道如果公开一个对象，我只需要在那里得到一个值的副本，这样我就可以拥有一个函数getMyThing()和setMyThing并公开它。不过，我想公开真实的财产
我见过旧学校的defineGetter和新的Object.defineProperty(我遇到了一些真正的麻烦)。(我可以很容易地用它来对付一个艺术品对象，但这不是我的“模块”中的这个，也不是我想要展示的模块中的一个属性。
var myobj = (function() {
var name = "defau
浏览 0提问于2013-04-26得票数 3
回答已采纳
我想在javascript中创建一个封闭的对象，它只能用Object.defineProperty编辑，不能用普通的方式编辑……
目标是，我正在创建一个库，其中用户可以读取一个名为dictionary的对象，也可以编辑它！有没有办法让一个对象可以被用户读取，并由我来编辑？
浏览 2提问于2017-03-08得票数 0
在javascript中，当函数属性从
window.onclick = function() { ....function 1...... };
至
window.onclick = function() { ....function 2..... };
浏览 1提问于2015-05-26得票数 5
回答已采纳
示例：
location = "http://www.mozilla.org";
您可以将一个字符串分配给以导航到新页面。
它也可以用普通的Javascript对象完成吗？
首先想到的方法是setter，但它需要将属性名称指定为Object.property。
第二种方法可能是赋值重载，但在Javascript中似乎没有这样的事情。
浏览 1提问于2016-07-26得票数 1
可以从Javascript getter访问原始属性值吗？
如果没有，有没有其他“现代”的javascript技术来实现类似的东西呢？
也就是说，如果我有这样的代码
o = {}
o.foo = "bar"
o.__defineGetter__("foo", function(){
//can I access the value "bar" here?
return "some other value";
});
可以从我的getter函数中访问值"bar“吗？或者使用__defineGetter__会毁
浏览 1提问于2012-10-30得票数 4
回答已采纳
从文档()中，我的印象是，除非使用Vue.set(object, key, value)或this.$set(object, key, value)显式添加，否则一个对象的所有属性都必须在Vue数据对象中才是反应性的。
但是，我使用的是Rails和Vue，我在表单中收集的任何数据属性，无论最初是否在数据对象中，都会成为反应性的。我正在使用Jbuiler构建JSON对象，但我不认为这影响到了反应性，因为如果我删除那里的属性，它们在表单中收集时仍然是反应性的。我尝试过Rails中对象上的属性和Jbuilder中没有的属性，不管这些属性是否通过控制台添加。都是被动的。这是伟大的，但不是我所期望的行为
浏览 0提问于2018-11-01得票数 2
回答已采纳
所以我有一个简单的Javascript类
class MyClass {
constructor(x) {
this.x = x === undefined ? 0 : x;
}
get x() {
return this.x;
}
}
创建MyClass时，我希望将它的x设置为作为参数传入的值。在此之后，我不希望它被更改，所以我故意没有创建一个set x()方法。
但是，我想我一定缺少了一些基本的东西，因为这给了我“不能设置属性.它只有getter”错误。
如何在不创建setter方法的情况下将值赋值给x？
浏览 0提问于2019-02-06得票数 16
回答已采纳
嘿，我正在使用一个应用程序，它必须与一些javascript (coffeescript)代码接口。JS代码如下所示：
$(".content").on "click", ".feedback", ->
window.webkit.foo.bar.message("hello")
false
因此，我需要向我的WebView添加一个javascript接口，例如：
webView.addJavascriptInterface(new Window(), "window");
...
浏览 3提问于2015-09-09得票数 0
回答已采纳
在我们的应用程序中，我们使用JavaScript压缩我们的UglifyJS类，它不支持在返回Unexpected token: operator (=)时压缩像onBlur = (event) => {}这样的语法。
为了解决这个问题，我们使用了以下函数来定义它们：
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
浏览 2提问于2020-12-29得票数 2
回答已采纳
1回答
在火狐中，我有几个对象，当每个对象的特定属性被更改时，我需要触发一个事件。但是，当我使用object.watch()返回使用"this“更改的属性的值时，它第一次返回旧值，在第二次和以后的时间返回”未定义“值：
var myObject = {
"aProperty": 1
};
function propChanged(prop) {
alert(prop);
}
myObject.watch("aProperty", function () {
propChanged(this.aProperty);
})
浏览 0提问于2011-07-26得票数 1
回答已采纳
4回答
看看这段代码。这是一个非常简单的JavaScript对象，它是使用实现的(您可以在上看到实时示例)
var human = function() {
var _firstName = '';
var _lastName = ''
return {
get firstName() {
return _firstName;
}, get lastName() {
return _lastName;
}, set firstName(name) {
浏览 2提问于2011-10-17得票数 13
回答已采纳
我只是想用这种方式在javascript中得到一个"getter“
var Product = function(){
var self = this;
var _id = function() {
return self.styleCode + '-' + self.materialCode + '-' + self.colourCode;
}
self.materialCode = ''
self.colourCode = ''
..
self.id = _id()
}
..
浏览 2提问于2015-07-30得票数 1
回答已采纳
在Rhino 17R4中，我们可以使用Object.defineProperty()方法在javascript中创建属性。
public class MyGlobalObject : org.mozilla.javascript.ScriptableObject
{
public static org.mozilla.javascript.Script ___compiledScript = null;
public MyGlobalObject()
{
org.mozilla.javascript.Context con = org.mozilla.j
浏览 0提问于2014-04-11得票数 1
我已经编写了一个带有属性装饰符的类，当设置了一个修饰属性时，它会在类中设置一个标志。我还希望能够从类的一个实例复制到另一个实例。问题是，当我在一个对象上设置属性值时，另一个对象上的属性值也会发生变化，就好像属性是静态的一样。我是JavaScript和TypeScript的新手。我错过了什么？
运行下面的文本代码将记录：
Setting propNum from undefined to 0
testclass.ts:18 Setting propNum from 0 to 123
test.spec.ts:13 t1.propNum = 123
test.spec.ts:14 t2.propN
浏览 2提问于2016-02-18得票数 3
回答已采纳
我需要设置一些动态设置程序，并希望使用defineProperty。
然而，我不明白为什么这不起作用。请注意，有人在中写道，他们让它工作，但他们的例子也不适用于我.
var a = { q:1, b:2, c:3, d:4, e:5, f:9 }
var iFaces = [ {}, {}, {}, {} ]
for( key in a )
{
console.log( key );
for( var l = iFaces.length - 1; l >= 0; --l )
{
(function( that, name )
浏览 7提问于2013-08-04得票数 3
回答已采纳
我将从使用老式的JavaScript类(函数和原型)转移到新的ES6类。
我可能正在做一些愚蠢的事情，但我不确定为什么我不被允许这样做：
class Player{
constructor(playerNo){
this.playerNo = playerNo;
}
get playerNo(){
return this.playerNo;
}
set cards(playersCards){
this.cards = playersCards;
}
get cards(){
浏览 3提问于2016-04-11得票数 31
回答已采纳
根据MDN的，不应该使用Object.prototype.__defineGetter__()：
非标准这一特性是非标准的，并不在标准轨道上.不要在面向Web的生产站点上使用它:它不会对每个用户都有效。实现之间也可能存在很大的不兼容性，而且今后的行为可能会发生变化。
不推荐这个特性已经从标准中删除了。尽管一些浏览器可能仍然支持它，但它正在被删除。不要在旧的或新的项目中使用它。使用它的网页或Web应用程序在任何时候都可能中断。
另一方面，这则通知只提到了面向Web的产品站点、实现之间的不兼容以及浏览器支持。
它显然适用于客户端。因此，我想知道它是否也被废弃为服务器端使用，以及什么是最好的
浏览 1提问于2015-10-01得票数 1
回答已采纳
我对Javascript getter/setter很陌生，但我想在我的传单和基于浏览器的项目中使用它们。有个惊喜。
在类自己的initialize方法(传单构造回调)运行之前，会在初始化时调用getter，原因我不知道。当然，这意味着成员是未定义的，所有成员都会分崩离析。为什么会这样呢？
这是JavaScript getter的一般行为吗？
这是由传单(可能是其中的一只虫子)引起的吗？
不幸的是，我还没有一个小提琴手来展示这一点-它可能是由于传单，或由于node.js像模块化的构建(通过浏览器化)，我所做的。
下面是代码：
/*
* Temp.js
*/
"use
浏览 3提问于2015-05-12得票数 1
回答已采纳
1回答
在ColdFusion (服务器端语言)中，可以让CF为您生成类中的任何getter和setter，如下所示：
component output="false" accessors="true" {
property string title;
public any function init() output = false {
setTitle("");
return this;
}
}
在这里，我从来没有写过setTitle()设置器，它只是隐含的。
JavaScript (
浏览 4提问于2015-05-26得票数 1
回答已采纳
我在Javascript教科书中读过关于数据属性的文章，并设想只与访问器属性一起使用Object.defineProperty。
设置属性的Object.defineProperty的其他主要用例是什么：[[Enumerable]]、[[Writable]]、[[Configurable]]？它在框架中使用吗？有什么原因？它是否用于客户端应用程序？
浏览 2提问于2015-02-04得票数 3
回答已采纳
Object.defineProperty有什么用处...
var myObj = {someNum: 123};
Object.defineProperty(myObj, "anotherNum",
{value: 456, writable: true, enumerable: true, configurable: true});
alert(myObj.someNum + " " + myObj.anotherNum);
..。如果我也能做到..。
var myObj = {someNum: 321};
myObj.anotherNum = 654;
a
浏览 0提问于2013-04-02得票数 2
回答已采纳
我可以在这样的JavaScript对象中有一个getter：
var member = {
firstName:"XYZ",
lastName:"zzz",
get fullName(){ return (this.firstName + ' ' + this.lastName); }
}
我甚至可以动态添加更多属性，如下所示：
member.isGuest = true;
但是，有什么方法可以将getter添加到现有对象中吗？就像这样：
member.isGuest = get isGuest(){ return t
浏览 1提问于2016-06-14得票数 82
回答已采纳
给定如下的javascript代码(摘自下面引用的插件)：
var AutosizeInput = (function () {
function AutosizeInput(input, options) {
var _this = this;
this._input = $(input);
this._options = options;
}
Object.defineProperty(AutosizeInput.prototype, "options", {
get: functi
浏览 2提问于2014-01-17得票数 8
回答已采纳
我正在寻找与JavaScript中的Python装饰器相当的东西(即@property)，但我不知道该如何做。
class Example:
def __init__(self):
self.count = 0
self.counts = []
for i in range(12):
self.addCount()
def addCount(self):
self.counts.append(self.count)
self.count += 1
@property
浏览 1提问于2014-06-11得票数 4
回答已采纳
我想知道是否可以在子类(DefinePropery)中重新定义对象(.prototype)的“.prototype”函数，这样设置器不仅可以设置属性的值，还可以执行额外的方法。
我试过这样的方法：
Myclass.prototype.defineProperty = function (obj, prop, meth) {
Object.defineProperty.call(this, obj, prop, {
get: function () {
return obj[prop]
},
set: functio
浏览 3提问于2013-11-07得票数 0
我想要的是能够包装一个JavaScript属性来修改get/set上的行为。
对于值属性，我可以执行以下操作：
var obj = {
myProperty : 0
};
function notifyOfChange(obj, propertyName) {
var propertyValue = obj[propertyName];
Object.defineProperty(obj, propertyName, {
get : function() { return propertyValue; },
set : function
浏览 2提问于2012-03-24得票数 3
回答已采纳
我使用的JavaScript对象如下：
var obj = new Foob;
我是不是应该假装有一种私密的方式：
obj.get('foo');
或者我应该尝试直接访问，如下所示：
obj.foo
浏览 1提问于2013-04-22得票数 2
回答已采纳
我正在尝试实现TypeScript装饰器，用于在Angular应用程序的本地存储中存储数据。这就是我想要达到的目标
export function Cache() {
return function (target, key): any {
// property value
let _val = target[key];
// property getter
const getter = function () {
const data = localStorage.get(key);
浏览 0提问于2017-11-18得票数 2
我希望确保当对象的属性在类之外发生更改时抛出错误。下面是我尝试这样做的方法： class Example {
constructor(index) {
this.index = index;
Object.defineProperty(this, 'index', {
set() {
throw new AssertionError("can't set attribute");
}
});
}
}
class AssertionError extends Error {
浏览 18提问于2019-06-10得票数 10
回答已采纳
1回答
使用ES6中的新符号类型，您可以对对象设置不可迭代的属性。但是，在使用Knockout时，默认情况下不会观察到这些符号。
可以绑定符号的值，但它从未更新过，因为它没有添加到可观察的对象中。
有没有人能够解决这个问题，强迫Knockout观察符号？
浏览 6提问于2015-10-29得票数 1
编辑2016年10月：请注意，此问题是在2012年提出的。大约每个月都会有人添加一个新的答案或评论来反驳一个答案，但这样做并没有真正的意义，因为这个问题可能已经过时了(请记住，这是由Gnome Javascript编写gnome外壳扩展，而不是浏览器的东西，这是非常具体的)。
按照关于如何在Javascript中进行子类化的说明，我正在创建一个超类的子类，如下所示：
function inherits(Child,Parent) {
var Tmp = function {};
Tmp.prototype = Parent.prototype;
Child.protot
浏览 64提问于2012-05-15得票数 84
回答已采纳
在JavaScript中，延迟的getter可以提高性能。
在这里可以找到一些解释：
如何让懒惰的getter在严格模式下工作？
此JavaScript代码不工作：
'use strict'
function Obj(x) {
this.x = x
}
Obj.prototype = {
get y() {
delete this.y
return this.y = this.x + 1
}
}
let obj = new Obj(100)
console.log('100 + 1 = ', obj.y)
它提供了以下
浏览 0提问于2018-04-07得票数 2
是否有任何模式可用于在调用时计算变量(如C#中的属性)
var A = (function() {
var self = {};
var a = 0;
self.x = function (){
a = a+1;
return a;
};
return self;
});
通常情况下，呼吁将是：
var bla = A.x();
但我想评估它并得到它作为一项财产的价值：
var bla = A.x;
console.log(bla); // prints "1"
我不想要()运算符，但在访问A.x时仍然希望
浏览 6提问于2014-08-25得票数 1
回答已采纳
2回答
我创建了一个简单的存储对象来存储带有setters和getter的名称。但是，尝试在设置名称之前获取名称会返回函数吗？我希望它返回null。
name: function (val) {
var value = val;
this.__defineGetter__('value', function () {
if (value == null) return null;
return value;
});
this.__defineSetter__('value', function(val)
浏览 4提问于2014-03-16得票数 0
回答已采纳
document.cookie或window.location是对象，它们的=操作符被覆盖，因此当您尝试更改它们时，会发生一些与常规赋值不同的事情。自typeof document.cookie === "string"以来，document.cookie更加令人惊讶。
它是一些非常特定的javascript对象的内置功能，还是可以在任何类型的对象中重现？
浏览 0提问于2013-02-23得票数 0
回答已采纳
我使用的是一个具有.net6.0框架的角/.NET应用程序，它的角度为13.1.2，Node: 16.13.1和EMCAScript 5。
我有下面的打字稿中的人课。
export class Person {
private _name: string = '';
constructor() {
}
public get name(): string {
return this._name;
}
public set name(value: string) {
this._name = value;
}
}
在编译以
浏览 2提问于2021-12-31得票数 1
回答已采纳
查看，查看正则表达式示例(标题为“使用匹配的结果创建数组”)，我们有如下语句：
输入:一个只读属性，它反映与正则表达式匹配的原始字符串。
索引:只读属性，它是字符串中匹配项的基于零的索引.
等等。是否可以在JavaScript中创建具有只读属性的自己的对象，或者这是为特定浏览器实现的内置类型保留的特权？
浏览 5提问于2008-12-14得票数 57
回答已采纳
1回答
我正试图在Chrome中开发一个扩展，允许我拦截对window对象的访问。假设我想返回double window.innerHeight，我尝试将其设置为：
Object.defineProperty(window, 'innerHeight', {
get : () => window.innerHeight * 2,
});
但这显然会导致无限递归。如何在维护对原始属性的引用的同时重新定义窗口属性？执行类似let windowOld = Object.assign({}, window);的操作只会在静态时刻捕获窗口属性，而不会真正维护对原始属性的引用。
浏览 4提问于2022-02-09得票数 0
回答已采纳
1回答
在自定义HTML元素上为自定义属性添加getter/setter相当简单：
customElements.define('custom-el', class extends HTMLElement {
static get observedAttributes() {
return ['customAttr']
}
get customAttr() {
return this.getAttribute('customAttr')
}
set customAttr(v
浏览 3提问于2021-05-10得票数 1
回答已采纳
我需要向下面的JavaScript模块添加setter：
在下面的代码中，我只是将表单数据返回给模块对象。我需要添加setter功能，这样我就可以对用户输入进行最少的检查。
var Mod = (function(){
var module = {};
var element = document.forms.[0];
Object.defineProperty(module, 'Country', {
get: function () {
return element.txtCountry.value;
浏览 5提问于2015-09-23得票数 1
Object.assign()不适用于getter和setter(因为它只读取属性值，如中所解释)：
> let a = {}
> Object.defineProperty(a, "foo", {get: () => "bar"})
> a.foo
'bar'
> let b = Object.assign({}, a)
> b.foo
undefined
如果我想在Object.assign中包括foo，那么我在b中有哪些替代方案？
浏览 9提问于2020-02-07得票数 1
回答已采纳
2回答
我希望扩展String类并添加一个简单的方法：
String.prototype.world = function(){
return " world";
}
我想做这样的事情：
"hello".world
然后回来，"hello world"。而不是做：
"hello".world()
调用不带括号的函数将返回函数对象。
我想要的是执行函数，而不是返回它(没有指定括号)。
我可以用JavaScript来做吗？
编辑：根据，使用__defineGetter__是不标准的，不推荐使用。寻找候补选手。
浏览 2提问于2012-10-04得票数 1
回答已采纳
我希望我的对象有一个字段，当read返回字段值时，当val被写入字段时，我想在写入之前修改val。我目前的代码是：
function Cat(lives) {
var self = this;
var privateLives;
Object.defineProperty(self, 'publicLives', {
get: function() {return privateLives;},
set: function(val) {privateLives = 7 * val;}
});
}
有没有一种方法可
浏览 1提问于2015-07-22得票数 2
回答已采纳
我试图实现一个覆盖属性(1)并定义隐藏属性(2)的装饰器。假设以下示例：
function f() {
return (target: any, key: string) => {
let pKey = '_' + key;
// 1. Define hidden property
Object.defineProperty(target, pKey, {
value: 0,
enumerable: false,
configurable:
浏览 3提问于2017-05-13得票数 2
回答已采纳
谁能给我讲讲javascript中的getter和setter？什么是getter和setter？我们可以在哪里使用它们？使用它们的好处是什么？
浏览 0提问于2012-06-21得票数 3
1回答
在这个页面上，可以看到一个对象可以在javascript中实现get和setter。但是他们使用一种不同于我的代码的方法来创建一个对象。如何在以下代码中实现get和setter：
function Settings()
{
var fullscreen;
// get function
this.fullScreen = function ()
{
if(fullscreen === undefined)
{
return false
}
return fullscree
浏览 1提问于2019-04-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
