How to Create Instances in Ember.js ?

Ember.js is an open-source javascript framework to build modern web applications. It allows developers to create a single-page web application that can reduce the workload of creating so many pages to do the same task. It is based on Model-View-Controller(MVC) used to develop large client-side web applications. Most of the developers find the easiest ways to do the tasks very easily and fastly so Ember.js helps most developers to save their time by reducing their workload and providing advanced facilities to build the single-page web application. 

Steps to create an instance in ember.js:

• We can create instances in Ember.js using create() method. We can create new instances of the class by calling its create() method. For this, we have to define a class first.
• Define a P1 class with sayHi() method.

Javascript

App.P1 = Ember.Object.extend({
  sayHi: function(x) {
    alert(x);
  }
});

• We can create a subclass from the existing class using extend method in Ember.js.

Javascript

App.P1View = Ember.View.extend({
  tag: 'hi',
  cNameBindings: ['isAdmin']
});

• When we define the sub-classes then we can override the parent methods using _super() method.

Javascript

App.P1 = Ember.Object.extend({
  sayHi: function(x) {
    var name = this.get('name');
    alert(name + " says: " + x);
  }
});

App.S1 = App.P1.extend({
  sayHi: function(x) {
    this._super(x+ ", Done!");
  }
});

var fun1 = App.S1.create({
  y: "Harry Don"
});

fun1.sayHi("Ok");

Output:

alerts "Harry Don says: Ok, Done!"

• Now create an instance using create() method.

Javascript

var p = App.P1.create();
p.sayHi("Hi");

Output:

alerts " says: Hi"

• When we create an instance, we can initialize the value of its properties as shown below:

Javascript

App.P1 = Ember.Object.extend({
  hellofun: function() {
    alert("Hello world!! " + this.get('inp_name'));
  }
});

var harry = App.P1.create({
  inp_name: "Monty"
});

harry.hellofun();

Output:

alerts "Hello world!! Monty"

• We should note that we can’t redefine the values of the instance using create method nor we can define new values. We can set only some properties using create() method.

Limitations:

• We can’t redefine the instances computed methods.
• We can’t define new values.
• If we want to want to redefine the methods, then we have to create a new subclass and initiate that subclass.
• We can set only a few simple properties using this method.