Safe access to deeply nested properties or functions in JS objects without getting a TypeError but undefined instead.
You can even call a nested function in objects if the last nested key ends with ()
. You can pass arguments by adding them as last parameters of the get-safe function call.
Using npm
npm install get-safe --save
Using yarn:
yarn add navscroll
Directly include it in html:
<!-- Browsers with ES module support load this file. -->
<script type="module" src="node_modules/get-safe/browser-version/get-safe.js"></script>
<!-- Older browsers load this file (and module-supporting -->
<!-- browsers know when *not* to load this file). -->
<script nomodule src="node_modules/get-safe/browser-version/get-safe-legacy.js"></script>
Warning! The only gotcha here is Safari 10 doesn’t support the nomodule attribute, but you can solve this by inlining a JavaScript snippet in your HTML prior to using any <script nomodule>
tags. (Note: this has been fixed in Safari 11).
The browser version adds the `getSafe` function to the 'window' object that you can use !
const _ = require ('get-safe');
const myObj = {
foo: {
bar: {
baz: ['winter','is','coming'],
fifo (arg1, arg2) {
console.log("I'am a function, arguments are:",...arguments);
return 42;
}
}
}
};
// Tests
console.log(_('foo.bar.baz.2',myObj)); // logs 'coming'
console.log(_('foo.bar.fifo()',myObj,'arg1','arg2')); // calls the nested function 'fifo' and logs its result
console.log(_('foo.inexistant.property.baz',myObj)); // logs 'undefined'
NOTE: If you are NOT making a function call and just accessing a property, you can pass a default value as the third argument, this will be returned instead of undefined
if the nested property doesn't exsit.