Module pattern error: Cannot set property of undefined

Question

This code works in JSfiddle: https://jsfiddle.net/estevancarlos/w8yo3mp4/1/

let ScrollAnim = (function() {
    console.log('ScrollAnim loaded');

    this.init = function() {
        console.log('init loaded');
    };

    this.getScenes = function() {
        console.log('getScenes loaded');
    };

    return this;
})();

ScrollAnim.init();
ScrollAnim.getScenes();

However it does not work within my actual project, http://veve.io/wip2. I get the error:

Uncaught TypeError: Cannot set property 'init' of undefined

I don't know what is causing this differentiation. Suggestions?

stackoverflow.com/questions/762011/let-keyword-vs-var-keyword Check the difference between let and var — user6360214
– user6360214, Commented Jun 23, 2016 at 8:12

Yury Tarabanko · Accepted Answer · 2016-06-23 08:20:34Z

2

First of all this is not a module pattern. You are polluting global context with your functions.

On jsfiddle you are not using strict mode. And your IIFE is being called in window context. You can check your ScrollAnim is actually window. Demo.

console.log(ScrollAnim === window); //true

Your actuall project is using 'use strict'; resulting in this to be undefined. Which in turn causes the error.

This is module pattern;

let ScrollAnim = (function() {
    console.log('ScrollAnim loaded');

    return {
      init: function() {
        console.log('init loaded');
      },

      getScenes: function() {
        console.log('getScenes loaded');
      }
    };
})();

edited Jun 23, 2016 at 8:20

answered Jun 23, 2016 at 8:14

Yury Tarabanko

45.1k10 gold badges88 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Module pattern error: Cannot set property of undefined

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related