在节点v12中，扩散运算符或Object.assign不会复制全局实例的某些属性
。这是因为在ECMAScript规范中，全局对象的属性被定义为不可扩展的。不可扩展的对象意味着无法向其添加新属性，因此这些属性也不会被复制。
扩散运算符（Spread Operator）是一种在数组或对象字面量中展开元素的语法。它可以将一个数组或对象展开为另一个数组或对象，并且可以方便地复制对象的属性。然而，在节点v12中，当使用扩散运算符或Object.assign复制全局实例时，某些属性将被忽略。
为了解决这个问题，可以使用Object.getOwnPropertyDescriptors()方法来获取全局实例的属性描述符，并使用Object.defineProperties()方法将这些属性复制到新的对象中。这样可以确保所有属性都被正确复制。
以下是一个示例代码：
const globalInstance = {
property1: 'value1',
property2: 'value2',
// 全局实例的其他属性
};
// 使用Object.getOwnPropertyDescriptors()获取属性描述符
const descriptors = Object.getOwnPropertyDescriptors(globalInstance);
// 创建一个新的对象，并将属性复制到新对象中
const copiedInstance = Object.defineProperties({}, descriptors);
console.log(copiedInstance);在上面的示例中，我们首先使用Object.getOwnPropertyDescriptors()方法获取全局实例的属性描述符。然后，我们创建一个新的空对象，并使用Object.defineProperties()方法将属性描述符复制到新对象中。最后，我们打印新对象，可以看到所有属性都被正确复制。
这种方法可以确保在节点v12中，扩散运算符或Object.assign复制全局实例时，所有属性都被正确复制。这在需要复制全局实例的某些属性时非常有用，例如在创建对象的深拷贝或克隆时。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的对象存储服务，适用于存储和处理大规模非结构化数据。详情请参考：腾讯云对象存储（COS）
- 腾讯云云服务器（CVM）：提供弹性计算能力，可快速部署应用、扩展业务。详情请参考：腾讯云云服务器（CVM）
- 腾讯云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用。详情请参考：腾讯云数据库MySQL版
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能（AI）
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户连接和管理物联网设备。详情请参考：腾讯云物联网（IoT）
- 腾讯云移动开发平台（MTP）：提供一站式移动应用开发、测试、分发和运营的解决方案。详情请参考：腾讯云移动开发平台（MTP）
请注意，以上仅为示例产品，腾讯云还提供其他丰富的云计算产品和服务，可根据具体需求选择合适的产品。
相关·内容
在文件"a.ts“处，它将调用文件"b.ts”的handleRequests()。 _alerts: Banner[];
obj = {};
postMessage() {
this.obj[this._alerts[0].uuid] = this._alerts;
const data = {
'object': this.obj
};
this.service.handleRequests(stateAction);
}
postMessage(); 在文件"b.ts“处， I would like to
浏览 24提问于2021-06-20得票数 0
回答已采纳
this.state = {
children: {
1: {
id:1,
name: 'hello',
}
}
}
我正在尝试通过以下代码更新其中一个子级
// given a child
var state = _.merge({}, state, {
children: {
[child.id]: child
}
})
这看起来很简单，但大多数SO帖子都推荐immutability helper，所以我想知道上面的方法是否有任何缺陷？
浏览 1提问于2018-01-19得票数 0
下面的示例输出了SomeClass的一个实例-它的工作方式与预期一致。问:有没有一种方法可以省略DisplayModelComponentProps接口，直接传递要显示为prop的对象？
class SomeClass {
public someProperty:string = "some string";
public someFunction():string { return "another string"; }
}
interface DisplayModelComponentProps {
obj:SomeClass
}
con
浏览 14提问于2019-10-24得票数 0
回答已采纳
假设我有一个options变量，我想设置一些默认值。
这两种选择的优点/缺点是什么？
使用对象扩散
options = {...optionsDefault, ...options};
或者使用Object.assign
options = Object.assign({}, optionsDefault, options);
这就是让我好奇的。
浏览 62提问于2015-10-04得票数 501
回答已采纳
我知道状态应该是不变的，这是一个不可改变的状态，有推力的变异状态，
//action = Object {type: "CREATE_COURSE", course: {title: algebra}}
export default function courseReducer(state = [], action) {
switch(action.type) {
case 'CREATE_COURSE':
state.push(action.course)
return state;
浏览 6提问于2016-08-20得票数 3
我有一个自定义Err类，从Error类扩展了。在我复制错误类的实例之前，一切都很好。复制实例的超级变量是未定义的！
这是我的代码：
class Err extends Error {
constructor(code, msg) {
super(msg);
this.code = code;
}
}
const error = new Err(404, 'error message');
console.log(error);
/* { Error: error message
at repl:1:15
at Script.runIn
浏览 0提问于2020-11-04得票数 0
回答已采纳
我有一个javascript数组作为 arr = [{"class":"a"},{"sub_class":"b"},{"category":"c"},{"sub_category":"d"}] 我需要一个新数组，如下所示： new_arr = [{"class":"a", "sub_class":"b", "category":"c", "sub_category
浏览 15提问于2020-07-09得票数 0
回答已采纳
1回答
如何加入Json响应元素
、、、
我给OpenWeatherApi打了个电话，面临着一个两难的境地。我正在提取响应，但只需要特定的数据元素。我正在成功地提取某些元素，但在提取城市元素时遇到了困难。
这是API调用的响应：
{
"coord": {
"lon": -122.4,
"lat": 45.64
},
"weather": [
{
"id": 800,
"main": "Clear",
"description": "
浏览 0提问于2018-09-25得票数 0
回答已采纳
1回答
我有文章的组成部分：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import ArticleList from "../ArticlesListApp";
class Articles extends Component {
render() {
const { articleList } = this.props;
return (
<ArticleList list={articleL
浏览 4提问于2018-04-17得票数 2
如果单击ADD按钮或SUBTRACT按钮，我的应用程序只是简单地增加年龄(初始设置为20)或降低年龄。
我不明白为什么我一直收到这个错误。我签入reducer.js以确保相应地使用'age‘属性初始化状态，所以我完全不知道这是什么原因造成的。我仔细检查了所有正确的依赖项，并确保所有语法都是正确的。
我认为可能导致它的另一件事是，我没有在我的reducer.js中对代码行const newState = {state}使用扩展运算符。由于某些原因，vscode不允许我使用扩展运算符。每次我这样做并运行我的应用程序时，屏幕上什么也没有出现。是否存在需要安装才能使用扩散运算符的依赖项？
以下
浏览 2提问于2020-05-21得票数 0
我的表达式可能不清楚，是以下代码的缩写
let a = true;
let obj = {
x: 1,
y: 2
}
if(a){
obj.z = 3
}
或
let a = true;
let arr = ['a', 'b'];
if(a){
arr.push('c')
}
arr = arr.concat('d','e')
也许我太懒了，但我还是想问，我不知道如何在谷歌上搜索这个问题。
浏览 15提问于2018-09-07得票数 0
回答已采纳
2回答
我在试着理解扩散运算符的用途。根据我在文档中的理解，扩展语法复制现有对象，并在传入新对象时被覆盖。在以下代码中：
export default function reducer(state={
user: [],
fetching: false,
fetched: false,
error: null,
}, action) {
switch (action.type) {
case "FETCH_USER_FULFILLED": {
return {
...state,
浏览 0提问于2016-11-19得票数 2
我从Vuex开始，然后用一个跟随这个例子。在模块购物车(store/modules/cart.js)的操作中，我发现了以下代码
// line 30
// actions
const actions = {
checkout ({ commit, state }, products) {
const savedCartItems = [...state.items]
commit('setCheckoutStatus', null)
// empty cart
commit('setCartItems', { items: [
浏览 0提问于2020-06-24得票数 0
1回答
这是返回对象副本的正确方法吗？
class ObjectWrapper {
private _ obj;
/***
* Copy object of argument to this._ obj
*/
constructor (_obj: Object) {
this._obj = _obj;
}
/**
Return copy of * this._ obj (Return copy this._ obj)
* @return Object
*/
get obj () {
return this._obj;
}
浏览 0提问于2019-03-03得票数 1
回答已采纳
我正在尝试通过document.getElementsByClassName()为多个帮助图标添加动画。我知道它返回一个类似object的数组，它实际上是具有相同类的所有元素的节点列表，我还知道我可以通过附加我想要访问的节点的index[4]来访问单个项。但是，我不确定如何访问所有节点。我尝试过[*].animate()，但不起作用。我也尝试了下面列出的forEach =>函数，但它仍然不起作用，我尝试了[0-8]什么也没有发生。
有人能发现我做错了什么吗？
我知道我可以将它包装在一个for、while或forEach循环中，甚至是一个switch语句中，但这是我到目前为止所拥有的代码：
浏览 0提问于2019-11-25得票数 0
我正在尝试制作将props和state结合在一起的组件，这样实际的视图只需要担心从props获取数据。在下面的代码中，我尝试使用扩展运算符(可能是错误的)
class CombinePropsWithStateComponent extends React.Component {
...snip...
render() {
return(<View {...props, this.state}/>);
}
}
浏览 1提问于2016-03-17得票数 1
回答已采纳
1回答
我正在学习如何使用钩子获取数据。在我的迷你项目中，我创建了一个自定义钩子来获取和返回数据。在我的组件中，我创建了两个不同的状态来从获取的数据中存储两个列表，并将它们呈现在屏幕上。
预期结果:当我单击用户列表中的名称时，它会将此用户移动到代表列表。当我单击reset时，两个列表都应该返回到原始状态。
实际结果: Console.log显示每次单击名称时，原始数据都会被修改。因此，我不能重置列表。我不能解释为什么useFetchData中的状态会随着组件状态的改变而改变。
我错过了什么？谢谢！
浏览 10提问于2019-10-30得票数 0
2回答
下面的代码似乎没有复制对象的原型。
const animalProto = {
eat() {
// function body
},
sleep() {
// function body
},
}
function animalCreator(proto, attributes) {
return {...Object.create(proto), ...attributes}
}
const cat = animalCreator(animalProto, { name: 'garfield' })
cat.eat() // this is an
浏览 0提问于2019-01-12得票数 11
回答已采纳
假设我有一个React应用程序，它有一个内部状态，我在其中存储一个对象，如下所示 const [car, setCar] = useState(new Car()); 假设我的类汽车如下所示： class Car {
constructor(brand) {
this.carname = brand;
}
present() {
return "I have a " + this.carname;
}
} 当我运行和调试应用程序时，我可以将一个Car对象保存到状态中，还可以检索它并调用present()。 现在，当我对present()函
浏览 41提问于2020-10-02得票数 0
回答已采纳
我正在和webpack一起工作，最终我看不到这个包的机会，因为看起来Object.assign可以胜任这项工作，但也许这个包的字里行间有一些东西？
谢谢
浏览 1提问于2018-07-06得票数 7
1回答
传播运算符在alexa技能中抛出意外的标记错误
将babel，es-lint包添加到package.json
我的数据格式如下：
[ { id: 18460084, payload: { data: [Object], type: 'Data' } } ]
我尝试了以下几种方法：
payload.data.slots.map(slot => ({...slot.productData, sku: slot.sku, slotId: slot.slotId}))
示例slot对象：
{ slots:
[ { sku: '142',
pro
浏览 1提问于2019-09-02得票数 2
例如，中的代码使用...props。有人能给我解释一下它是什么吗?它是如何使用的？我确信这与this.props有关，但我不能完全确定。谢谢!
浏览 0提问于2016-08-24得票数 1
2回答
我正在尝试将values中的道具合并到this中。
下面抛出一个错误。我该怎么做呢？
this = {...this, ...values}
浏览 0提问于2016-04-28得票数 14
回答已采纳
2回答
我现在正在使用React，并且我正在努力更新一个状态对象。 我定义了一个状态变量，并用一个对象填充它： const [connections, setConnections] = useState({...platformConnections}) 现在我想用setConnections()更新这个状态对象。但是当我尝试这样的事情时： setConnections({connectionA: {connected: true}}) 当我记录它的时候，它只是更新整个对象。 如何更新此状态变量并保留更新前的其他值？
浏览 46提问于2020-04-29得票数 0
2回答
我知道当我们为同一实例创建新的属性时，对象的默认行为是引用旧的，改变属性。
在我的vue数据中有这样的东西：
export default {
data() {
return {
paragraph: {
text: "",
fontSize: 14,
key: "Paragraph",
align: "left"
}
}
浏览 1提问于2017-08-07得票数 0
回答已采纳
香草JS只请
也就是说，它的输出应该是一个只包含数据并忽略原始方法/原型的对象。从默认Object继承的复杂数据结构(如Array )可以以浅层方式作为引用进行复制。我现在的做法是：
function shallowCopyObjectData(obj) {
output = {};
for (var i in item) {
output[i] = obj[i];
}
return output;
};
我看到的另一种情况是：
function shallowCopyObjectData(obj) {
return JSON.parse(JSON.stringif
浏览 3提问于2015-01-03得票数 8
在使用<inpu type="file" />时，我可以获取文件对象的值，但在访问e.target.files[0]时，我不能将其与扩散运算符或Object.assign一起使用。 我想用File的所有属性保存状态，并向其中添加更多数据，但它不起作用，它给了我一个空对象。 Here is an codesandbox to reproduce it。 const onChange = e => {
const file = e.target.files[0];
console.log(file); // Logs File Object
浏览 42提问于2020-01-27得票数 2
回答已采纳
这段代码按预期工作；但是，对于任何类型的输入，它都不是scalabe：
const input = [{optionA: {a: 1}, optionB: {b: 1}, optionC: {c: 1}];
input.map(({optionA, optionB, optionC}) => {
return Object.assign({}, optionA, optionB, optionC);
});
问:当输入键的名称和长度未知时，如何重构map的args和Object.assign的args，使其不使用解构，而使用javascript的扩展语法来确保输出？
我该如何满足
浏览 14提问于2019-07-20得票数 0
回答已采纳
1回答
//selectors
const todoInput = document.querySelector('.todo-input');
const todoButton = document.querySelector('.todo-button');
const todoList = document.querySelector('.todo-list');
const filterOption = document.querySelector('.filter-todo');
//event listeners
tod
浏览 7提问于2020-10-22得票数 1
2回答
我在一个减速器中有一个状态，看起来像这样：
// The current source/selection
const selection = {
timespan: "-3660",
customTimespan: false,
pathIds: [''],
source: undefined,
direction: 0,
appClassIds: []
};
我现在想要的是更新多个属性(timespan和customTimeSpan)，如下所示(但这不起作用)：
{ ...state,
{
timespan: act
浏览 14提问于2017-01-27得票数 9
回答已采纳
1回答
如何向现有对象添加元素
、、、、
我有一个对象，如下所示：
{
id: 6,
url: 'https://google.com',
title: 'abc',
actions: 63,
status: 'active',
method: 'GET',
response_type: 'json'
}
现在我想在这个对象中再推入一个元素，预期输出如下所示：
{
id: 6,
url: 'https://google.com',
title: 'abc',
actions: 63,
status: 'active
浏览 18提问于2019-07-17得票数 0
回答已采纳
为什么扩展操作符在这种情况下不起作用？Object.assign工作。
class User
{
private _id: number;
firstName: string;
lastName: string;
constructor(_id: number)
{
this._id = _id;
}
setAllDetails(_firstName:string, _lastName: string)
{
this.firstName = _firstName;
this.l
浏览 3提问于2020-10-28得票数 0
回答已采纳
假设我有一个对象 let sampleObject = {
"child1": [
{"id": "id1"},
{"id": "id2"}
]
}; 在声明了sampleObject之后，有没有办法添加另一个嵌套属性？ 我希望sampleObject看起来像 sampleObject = {
"child1": [
{"id": "
浏览 20提问于2019-10-02得票数 0
1回答
我不知道在类型记录中是否允许这样做，但是我在一个角7项目中工作，我想实例化一个Page类，完全填充DB对象的所有属性。这是我的课程：
export class User {
id: number;
name: string;
created_at: string;
constructor(obj?: any) {
Object.assign(this, obj);
}
getName(): string {
return this.name;
}
}
export class Page {
i
浏览 0提问于2019-01-25得票数 1
我正在创建一个没有几个键的对象。
processData = memoize(
({
data,
group
}:EnumValues): Array<ITypeData> => {
return _.map(test, (test: ITest) => ({
id: test.Id,
name: test.Name,
code: test.Code,
}))
在这里，我正在创建对象。这里有一个名为code的密钥，所以如果我不想要这个密钥，如果没有可用的group数据或该
浏览 0提问于2020-05-04得票数 0
我正在为carwash开发一个API服务，该服务检索一个大型复杂的json对象(一个Carwash )。该对象的几乎每个属性都是另一个对象，它包含必须实例化的简单数据类型和其他自定义对象。我已经看到了大量使用RxJs映射函数的具有1到2个级别属性的对象的示例，但是对于这种深度嵌套的对象来说，这似乎不可行。
Carwash.model.ts概述
export class Carwash {
public name: string;
public type: CARWASH_TYPE;
public rating: Rating;
public address: Address;
private
浏览 0提问于2019-07-18得票数 1
当我定义一个从函数或数组扩展而来的接口时，我还没有找到一种方法来正确地创建新实例，而不会出现错误或使用any强制转换。
有没有一种方法可以在不恢复到hack的情况下初始化这些成员？
使用函数的示例：
interface Foo {
bar: any;
(): void;
}
// how to create a Foo?
var foo: Foo;
foo = () => {}; // cannot convert type ... has non-optional property bar which is not present
foo.bar = "ini
浏览 0提问于2016-02-07得票数 6
1回答
我有一个组件，它渲染依赖于我传递给它的道具。以前我使用逻辑运算符OR，但当它变得更多时看起来很丑陋，并且我用Array.prototype.some方法将所有这些都切换到数组。你知道如何做得更好吗，或者有什么最好的做法？
之前：
<Wrapper>
{(props1 || props2 || props3 || props4) && <Component/>}
</Wrapper>
之后：
<Wrapper>
{[props1, props2, props3, props4].some(x => x) &&
浏览 2提问于2018-01-22得票数 0
我想在redux存储中使用CSSStyleSheet对象。然而，当我试图克隆这类对象时，我会得到一个空对象。
const styleContainer = document.createElement('style')
styleContainer.innerHTML = 'p{color:green}';
document.head.appendChild(styleContainer);
const sheet = styleContainer.sheet
console.log(sheet); // [Object]
console.log({ ..
浏览 1提问于2022-08-15得票数 0
我正在尝试检查是否在我的对象上调用了Object.assign，如果是错误的，我会在该对象上做一些进一步的工作。我该怎么做呢？我的代码如下所示：
if (Object.assign) {... }
浏览 5提问于2016-07-03得票数 0
我正在学习Javascript中的组合，并想知道为什么我代码中的Object.assign()将方法添加到原型的构造函数中，而不是对象的构造函数中。我将链接下面的代码。基本上，代码是通过使用Object.assign()向Person对象添加两个方法(吃和走)。但是，如下图所示，控制台显示的方法属于Person.Prototype的构造函数，而不是Person对象本身。我一定是想得太多了。任何帮助都是非常感谢的。谢谢!
代码
const canEat = {
eat() {
this.hunger--;
console.log
浏览 2提问于2019-07-20得票数 0
回答已采纳
2回答
我运行的例子应用程序的反应-本机。我有一个包含对象列表的示例数组，即a、b、c、d、e。我正在创建一个对象的复制，一个数组中的，它创建了一个对象的副本，一个，我在数组中创建了另一个对象复制，但是它被对象替换为复制。如何解决这个issue...Please帮助我。这是我的代码：
export default class AllCategories_list extends Component {
constructor(props) {
super(props)
this.state = {
dataSource: new ListView.DataSource(
浏览 3提问于2018-05-31得票数 3
1回答
我用的是波纹管设置。
{
"presets": ["es2015", "react"]
}
然后，当我使用...reducers时，会得到意外的令牌错误。你知道怎么解决吗？我以为原因是减速机的设置。如果我在babelrc上加上“第一阶段”。它能解决问题。但我不想加进去。请告诉我，除了在babelrc上添加“第一阶段”之外。
谢谢!
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { createStore, c
浏览 2提问于2017-04-24得票数 1
回答已采纳
我正在尝试为像这样的对象设置状态
vault:{
main:{
a:1,
b:2,
c:3
},
backup:{
d:4,
e:5,
f:6
}
}
当I this.setState({vault：{main：{a:10})删除所有其它条目时，
我试着使用“下划线库”和“扩展”
如何设置库的一部分的状态？似乎很奇怪，这是不可能的.
浏览 4提问于2017-06-11得票数 0
retVal.push($("<option>", { value: "thing1", text: "thing2" }));
我知道它返回一个JQuery<HTMLElement>对象，但我不确定是否有一种不涉及字符串连接的优雅的方法。
作为参考，我正在迭代KeyValuePairs的一个对象，并动态地为select html元素构建一个选项集合。
编辑:完整的当前代码
ctl.append(ConvertStatusToDropdownItems());
...
var StatusEnum = { "thi
浏览 1提问于2018-11-06得票数 0
回答已采纳
3回答
扩散运算符将对象转换为数组
、、、、
我正在尝试转换如下所示的数据结构：
data = {
0:{A:a},
1:{B:b},
2:{C:c},
}
转换成这样的结构：
[
{0:{A:a}},
{1:{B:b}},
{2:{C:c}},
]
像这样使用扩展运算符：[...data]返回任何空数组。
我也尝试过[{...data}]
有没有办法使用扩展运算符来获得所需的结果？另外，为什么这种方法行不通呢？
浏览 2提问于2017-07-25得票数 17
回答已采纳
在我的Angular应用程序中，我有一个可以添加到购物车的对象列表，当一个项目被添加到购物车时，我将购物车保存在本地存储中，问题是如果项目是从产品详细信息添加的(其中项目图像是一个大图像)，我很快就会得到localstorage错误，这将表明它的内存已结束。 因此，当从商品详细信息添加商品时，我会将其图像设置为空，然后当用户将其路由更改为购物车时，我会调用API来获取没有图像的所有产品的图像。 问题是我在购物车服务中将商品添加到购物车的函数如下： addToCart(product: Plu, big_image?: boolean): any{
if (big_image) {
浏览 25提问于2020-11-30得票数 2
回答已采纳
我目前正努力解决这个问题。我已经浏览了无数的论坛和网站，但没有得到答案。我想在不使用这个汽车对象构造函数的情况下，将两个视图连接在一个数组中：
const car = {
year: '',
model: '',
mileage: '',
available_colors: [1, 2, 3], // numbers indicate color id
};
var garage = [];
const honda = Object.create(car);
const volvo = Object.create(car)
浏览 2提问于2021-03-18得票数 1
回答已采纳
1回答
在我的组件模板中，我迭代了object属性。问题是当我删除其中一个模板时，模板不会刷新。我怎样才能刷新它们？对象看起来如下所示：
{name:'david', year:12, parents:{mother:MotherObject,father:FatherObject}}
和这样的对象，我删除在父母的母亲，但模板不刷新。我使用delete [propertyname]删除属性。
我尝试了zone.run()，但是没有什么改变。有人知道我如何强制刷新模板吗？
浏览 4提问于2017-06-08得票数 1
回答已采纳
1回答
我刚开始反应和反应，我在调度和更新状态方面遇到了很多麻烦
在服务器响应之后，如果对用户进行了身份验证，我将继续执行以下操作
this.props.dispatch(addAuth(logged.user));
this.props.dispatch(updateAvatar(logged.user.avatar))
但是，在我这样做之后，日志是
{type: "AUTHENTICATE", user: "cash"} //(LOGGING ACTION FROM REDUCER)
{isAuth: true, username: "cash",
浏览 0提问于2018-07-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
