Accessing a JS function from another JS file

Question

I'm trying to access a function from 'create-validation-list.js'.

define([
'jquery'
], function ($) {

return createValidationList = function () {
// Code
}

shipping.js

define([
'jquery',
'underscore',
'Magento_Ui/js/form/form',
'ko',
'Magento_Customer/js/model/customer',
'Magento_Customer/js/model/address-list',
'Magento_Checkout/js/model/address-converter',
'Magento_Checkout/js/model/quote',
'Magento_Checkout/js/action/create-shipping-address',
'Magento_Checkout/js/action/select-shipping-address',
'Magento_Checkout/js/action/create-billing-address',
'Magento_Checkout/js/action/select-billing-address',
'Magento_Checkout/js/model/shipping-rates-validator',
'Magento_Checkout/js/model/shipping-address/form-popup-state',
'Magento_Checkout/js/model/shipping-service',
'Magento_Checkout/js/action/select-shipping-method',
'Magento_Checkout/js/model/shipping-rate-registry',
'Magento_Checkout/js/action/set-shipping-information',
'Magento_Checkout/js/model/step-navigator',
'Magento_Ui/js/modal/modal',
'Magento_Checkout/js/model/checkout-data-resolver',
'Magento_Checkout/js/checkout-data',
'uiRegistry',
'mage/translate',
'BB_Checkout/js/action/create-validation-list',
], function (
$,
_,
Component,
ko,
customer,
addressList,
addressConverter,
quote,
createShippingAddress,
selectShippingAddress,
createBillingAddress,
selectBillingAddress,
shippingRatesValidator,
formPopUpState,
shippingService,
selectShippingMethodAction,
rateRegistry,
setShippingInformationAction,
stepNavigator,
modal,
checkoutDataResolver,
checkoutData,
registry,
$t,
createValidationList
) {
'use strict';

    return Component.extend({
     // other code

    /**
     * Set shipping information handler
     */
    setShippingInformation: function () {
        createValidationList.createValidationList();

        if (this.validateShippingInformation() && this.validateBillingInformation()) {
            setShippingInformationAction().done(
                function () {
                    stepNavigator.next();
                }
            );
        }

        $('#customer-email').on('keyup', createValidationList.createValidationList);
    }
});
});

I'm getting the error createValidationList is not a function.

Ben Crook · Accepted Answer · 2019-10-01 10:39:44Z

1

Try writing it like this:

var createValidationList = function () {
    // Code
}

return {
    createValidationList: createValidationList
};

This is how I achieved this in the past. You can export more functions this way too, for example:

return {
    createValidationList: createValidationList,
    anotherFunction: anotherFunction,
    aThirdFunction: aThirdFunction
};

edited Oct 1, 2019 at 10:39

answered May 25, 2018 at 15:21

Ben Crook

15.8k4 gold badges53 silver badges105 bronze badges

Add a comment |

Sanne · Accepted Answer · 2018-05-28 08:56:34Z

0

I had to change it to an anonymous function.

create-validation-list.js

define([
'jquery',
'mage/translate',
'Magento_Customer/js/model/customer'
 ], function ($, $t, customer) {

return function(){

shipping.js

In setShippingInformation I changed: createValidationList.createValidationList(); to createValidationList();

edited May 28, 2018 at 8:56

answered May 25, 2018 at 12:39

Sanne

1,32416 silver badges36 bronze badges

Add a comment |

Stack Exchange Network

Accessing a JS function from another JS file

2 Answers 2

Your Answer

Linked

Hot Network Questions

Accessing a JS function from another JS file

2 Answers 2

Your Answer

Sign up or log in

Post as a guest

Linked

Related

Hot Network Questions