Ember.js 如何创建实例

Ember.js 是一个开源的JavaScript框架，用于构建现代Web应用程序。它允许开发人员创建单页面Web应用程序，以减少创建多个页面执行相同任务的工作量。它基于用于开发大型客户端Web应用程序的 模型-视图-控制器（MVC） 。大多数开发人员都希望以最简单和快速的方式完成任务，因此Ember.js帮助大多数开发人员通过减少工作量和提供高级功能来节省时间以构建单页面Web应用程序。

在Ember.js中创建实例的步骤：

我们可以使用 create() 方法在Ember.js中创建实例。通过调用其create()方法，我们可以创建类的新实例。为此，我们必须首先定义一个类。
定义一个具有 sayHi() 方法的 P1类 。

Javascript

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

从Ember.js中现有的类使用extend方法创建子类。

Javascript

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

当我们定义子类时，可以使用_super()方法来重写父类的方法。

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");

输出：

alerts "Harry Don says: Ok, Done!"

现在使用create()方法创建一个实例。

JavaScript

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

输出：

alerts " says: Hi"

当我们创建一个实例时，可以如下初始化其属性的值：

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();

输出：