exporting a freshly made object every time

Question

exporting a freshly made object every time

I am trying to export a file that contains an object with a unique reference each time it is imported. Currently, when two files import this single export, they share the same reference and changes made in one file reflect in the other as well. I attempted using an IIFE, but it did not resolve the issue.

export.js

export const pagination =
    (function ()
    {
        let page_lengths =
            live
                ? [
                    5,
                    10,
                    15,
                    20,
                    25
                ]
                : [
                    1,
                    2,
                    3,
                    4,
                    5
                ]
        return {
            page:
                1,
            page_length:
                page_lengths[0],
            page_lengths,
            total:
                0,
        }
    })()

import.js

import {
    pagination,
} from "export.js"

javascript vue.js vuejs2

Answer 1

Answer №1

Alternatively, you can delay the invocation:

export.js

export const pagination = 
(function ()
{
    let page_lengths =
        live
            ? [
                5,
                10,
                15,
                20,
                25
            ]
            : [
                1,
                2,
                3,
                4,
                5
            ]
    return {
        page: 1,
        page_length: page_lengths[0],
        um: page_lengths.slice(), // <-- duplicate the array
        total: 0,
    }
}); // <--- do not invoke here

import.js

import {
    pagination,
} from "export.js"

var foo = pagination(); // invoke at this point

Answer 2

Alternatively, you can delay the invocation:

export.js

export const pagination = 
(function ()
{
    let page_lengths =
        live
            ? [
                5,
                10,
                15,
                20,
                25
            ]
            : [
                1,
                2,
                3,
                4,
                5
            ]
    return {
        page: 1,
        page_length: page_lengths[0],
        um: page_lengths.slice(), // <-- duplicate the array
        total: 0,
    }
}); // <--- do not invoke here

import.js

import {
    pagination,
} from "export.js"

var foo = pagination(); // invoke at this point

exporting a freshly made object every time

Answer №1

Similar questions

JavaScript: Invoking a function within another function via an HTML document

Determine the exact width of text without rounding in Javascript

Invoking two asynchronous functions in React, where the first function relies on the state modified by the second function

Loop through the elements of one array using the indexes from a second array

Ajax request causing bootstrap success message to have shorter visibility

Deactivate Bootstrap Button Pills and Activate Change with an Alternate Button

Storing formatted user input in an array with VueJS: A step-by-step guide

Retrieve every potential option of a dropdown menu

Tips for utilizing rest parameters in JavaScript/Typescript: Passing them as individual parameters to subsequent functions, rather than as an array

The welcome message in Discord.js is displaying the user as a string of numbers instead of their real username

Cannot find a function within the Promise

How can one determine the most accurate box-shadow values?

Instead of returning a single array of data from a form as expected, Jquery is returning two arrays

Demonstration of using .queue() and .dequeue() in relation to $.queue() and $.dequeue()

Retrieve all the records from the collection that have a specific reference number in their ID field

Vue-CLI encounters a hiccup while attempting to fetch an image from the assets directory

Error in initializing UI-router wrapper due to circular dependency in Angular.js

My node.js code is not producing the expected result. Can anyone point out where I may be going wrong?

Resolve the flexible width problem when inserting text in pptxgenjs

The selector bar in Cypress does not work properly when trying to find the text 'foo' using jQuery