ESLint’s “no-undef” rule is calling my use of Underscore an undefined variable

by

The official documentation should give you an idea on how to fix this.

Any reference to an undeclared variable causes a warning, unless the variable is explicitly mentioned in a /*global ...*/ comment, or specified in the globals key in the configuration file.

The easiest fix would be to add

/* global _ */

at the top of your file.

Or better, explicitly specify that the variable is read-only, to disallow overwriting the variable:

/* global _:readonly */

But since you’ll have to do that for each new js file, it can get annoying. If you are using underscore often, I’d suggest to add globals to your .eslintrc file, for example:

{
    "globals": {
        "_": "readonly"
    }
}

And save this as .eslintrc in your project root, or optionally in your user home directory. Although some say the latter not recommended, it can sometimes be convenient, but you have to remember that you have it there 🙂

Explanation of the above rule: "_": "readonly" (used to be "_": false, now deprecated) means that a variable named _ tells eslint that this variable is defined globally and it will not emit any no-undef errors for this variable. As @sebastian pointed out, "readonly" (or false – deprecated) means that the variable can’t be overwritten, so the code _ = 'something else' would yield an error no-global-assign. If you were to instead use "_": "writable" (or "_": true – deprecated), this means that the value can be re-assigned and the previously mentioned error will not occur.

But keep in mind that this will only happen if you assign directly to the global variable as I have shown in the example. You can still shadow it and eslint won’t say anything. For example, these snippets wouldn’t yield the no-global-assign:

const _ = 'haha I broke your _'

or as function argument name, e.g.

function (_) {
  console.log(_, 'might not be the _ you were looking for') 
}

More Related Contents:

  1. Tried to Load Angular More Than Once
  2. Sort an object array by custom order
  3. Angularjs minification using grunt uglify resulting in js error
  4. WARNING: Tried to load angular more than once. Angular JS
  5. Use underscore inside Angular controllers
  6. How does data binding work in AngularJS?
  7. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  8. Most efficient method to groupby on an array of objects
  9. How can I group data with an Angular filter?
  10. JavaScript merging objects by id
  11. $on and $broadcast in angular
  12. How to make ng-bind-html compile angularjs code
  13. How to get the difference of two dates in mm-dd-hh format in Javascript
  14. How to filter array when object key value is in array
  15. How do I disable the save password bubble in chrome using Javascript?
  16. get count of items with some property in an array
  17. Non-angular page opened after a click
  18. Why using $rootScope with functions is not recommended?
  19. How To bind data using TypeScript Controller & Angular Js
  20. Disable Chrome strict MIME type checking
  21. AngularJS multiple expressions concatenating in interpolation with a URL
  22. Detect unsaved changes and alert user using angularjs
  23. Angular filter a object by its properties
  24. Filtering object properties based on value
  25. Accessing Angular inside Protractor Test
  26. AngularJS ng-include inside of Google Maps InfoWindow?
  27. Tell screen reader that page has changed in Backbone/Angular single-page app
  28. how to fix 404 warnings for images during karma unit testing
  29. How do I pass multiple attributes into an Angular.js attribute directive?
  30. Globally defined AngularJS controllers and encapsulation

Leave a Comment