Qt Quick Underscore.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
(clean-up) |
||
| (6 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
= Using Underscore.js library in Qt Quick = | |||
<blockquote>Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. | <blockquote>Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. | ||
(http://underscorejs.org/) | (http://underscorejs.org/) | ||
</blockquote> | </blockquote> | ||
Unfortunately you cannot just import Underscore like: | Unfortunately you cannot just import Underscore like: | ||
<code>import "underscore.js" as Underscore<code> | <code>import "underscore.js" as Underscore</code> | ||
due | due [http://doc.qt.io/qt-5/qtqml-javascript-hostenvironment.html#javascript-environment-restrictions immutable root object] | ||
The workaround is to modify ''underscore.js'' so that it returned underscore object via special ''init'' function. | The workaround is to modify ''underscore.js'' so that it returned underscore object via special ''init'' function. | ||
This is a diff output for Underscore.js version 1.4.4: | This is a diff output for Underscore.js version 1.4.4: | ||
< | <code> | ||
1,2c1,4 | 1,2c1,4 | ||
< // Underscore.js 1.4.4 | < // Underscore.js 1.4.4 | ||
| Line 35: | Line 34: | ||
58,65c57,64 | 58,65c57,64 | ||
< // if (typeof exports ! 'undefined') { | < // if (typeof exports ! 'undefined') { | ||
< // if (typeof module ! | < // if (typeof module ! 'undefined' && module.exports) { | ||
< // exports = module.exports = _; | < // exports = module.exports = _; | ||
< // } | < // } | ||
| Line 44: | Line 43: | ||
--- | --- | ||
> if (typeof exports ! 'undefined') { | > if (typeof exports ! 'undefined') { | ||
> if (typeof module !== 'undefined' & | > if (typeof module !== 'undefined' && module.exports) { | ||
> exports = module.exports = ''; | > exports = module.exports = ''; | ||
> } | > } | ||
| Line 56: | Line 55: | ||
— | — | ||
> }).call(this); | > }).call(this); | ||
<code> | </code> | ||
Now you can use it in your project: | Now you can use it in your project: | ||
< | <code> | ||
import "underscore.js" as Underscore | import "underscore.js" as Underscore | ||
// … | // … | ||
property var _: Underscore.init(); | property var _: Underscore.init(); | ||
<code> | </code> | ||
Drawback of this approach is the following warning in application console: | Drawback of this approach is the following warning in application console: | ||
Latest revision as of 01:25, 24 March 2016
Using Underscore.js library in Qt Quick
Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects.
Unfortunately you cannot just import Underscore like:
import "underscore.js" as Underscore
The workaround is to modify underscore.js so that it returned underscore object via special init function.
This is a diff output for Underscore.js version 1.4.4:
1,2c1,4
< // Underscore.js 1.4.4
< // =
---
> // Underscore.js 1.4.4
> // http://underscorejs.org
> // (c) 2009-2013 Jeremy Ashkenas, DocumentCloud Inc.
> // Underscore may be freely distributed under the MIT license.
4,10c6,9
< // > http://underscorejs.org
< // > (c) 2009-2013 Jeremy Ashkenas, DocumentCloud Inc.
< // > Underscore may be freely distributed under the MIT license.
<
< // Baseline setup
< // --------------
< var init = function() {
---
> (function() {
>
> // Baseline setup
> // --------------
58,65c57,64
< // if (typeof exports ! 'undefined') {
< // if (typeof module ! 'undefined' && module.exports) {
< // exports = module.exports = _;
< // }
< // exports._ = _;
< // } else {
< // root._ = _;
< // }
---
> if (typeof exports ! 'undefined') {
> if (typeof module !== 'undefined' && module.exports) {
> exports = module.exports = '';
> }
> exports.'' = '';
> } else {
> root.'' = '';
> }
1227,1228c1226
< return'';
< }
—
> }).call(this);
Now you can use it in your project:
import "underscore.js" as Underscore
// …
property var _: Underscore.init();
Drawback of this approach is the following warning in application console: