Ad
Javascript Object To ES6 Classes
I have a javascript plugin written in vanilla javascript in Object Notation
example
start = {
config: {
a : 1
},
core: {
engine_part1:function() {
},
engine_part2: function() {
}
}
init: function(){
}
}
In this Object Notation the functions can be declare inside core
ie, engine_part1() and engine_part2()
Is there any workarounds to achieve the same with Javascript Classes?
In Javascript classes the class have datas and functions but I couldn't write functions inside an object like core
in object notation.
Thanks in advance
Ad
Answer
Simply use the class
statement to declare your class, then add its properties in the constructor
and its (static
) methods in the class' body.
class Start {
constructor() {
this.config = {
a: 1
};
this.core = {
engine_part1: () => (console.log('engine_part1')),
engine_part2: () => (console.log('engine_part2')),
}
}
init() {
console.log('init');
}
}
const start = new Start;
console.log(start.config);
start.core.engine_part1();
start.init();
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad