Reputation: 151
I was trying to implement Component.js in my SAPUI5 application but unable to understand .extend & .prototype.init.apply method in below piece of code.
sap.ui.define([
"sap/ui/core/UIComponent"
], function (UIComponent) {
"use strict";
return UIComponent.extend(""** , {**
init: function () {
UIComponent.prototype.init.apply(this, arguments);
// console.log(UIComponent.extend);
UIComponent.prototype.init.apply(this, arguments);
}
});
});
Can someone please explain?
P.S. I am beginner to OO Javascript.
Upvotes: 3
Views: 4226
Reputation: 1920
What they're doing here is very Java-ish. With extend
they're creating a subclass of UIComponent
.
In this subclass the init
method is overridden. When you override a method of the parent object, it's a good practice to call the parents original method from the method that overrides it. By doing so, you're avoiding unexpected situations such as variables that have not been defined at the parent etc. Calling the parent's original method is exactly what the init.apply
statement is doing. It's doesn't make sense to me to do this twice though.
Upvotes: 5
Reputation: 5713
To give you some hints:
extend comes from from sap.ui.base.Object which delegates to sap.ui.base.ManagedObject.createClass(). Thanks to @schnoedel to point it out.
prototype.init.apply and arguments object.
Upvotes: 2