EmberJS 重新打開類和實(shí)例
2018-01-03 13:22 更新
重新打開類和實(shí)例
這只是更新類的實(shí)現(xiàn)，而不重新定義它。這是必要的，只有當(dāng)你不想擴(kuò)展內(nèi)置類，但更新其實(shí)現(xiàn)。這可以通過使用以下方法：
reopen()：此方法通常會(huì)將屬性和方法添加到實(shí)例。
reopenClass()：方法會(huì)將屬性和方法添加到類。
var Person = Ember.Object.extend({
firstName: null,
lastName: null
});
Person.reopen({
middleName: 'Smith'
});
var Person = Ember.Object.extend({
firstName: null,
lastName: null
});
Person.reopenClass({
createMan: function() {
return Person.create({isMan: true})
}
});
上面的代碼描述了如何重新打開類Person，將變量名稱middleName添加到實(shí)例，并使用reopenClass為Person類添加createMan函數(shù)。
例子
<!DOCTYPE html>
<html>
<head>
<title>Emberjs Reopening Classes and Instances</title>
<!-- CDN's-->
<script src="/attachements/w3c/handlebars.min.js"></script>
<script src="/attachements/w3c/jquery-2.1.3.min.js"></script>
<script src="/attachements/w3c/ember.min.js"></script>
<script src="/attachements/w3c/ember-template-compiler.js"></script>
<script src="/attachements/w3c/ember.debug.js"></script>
<script src="/attachements/w3c/ember-data.js"></script>
</head>
<body>
<script type="text/javascript">
//reopen() method for instances
var Person = Ember.Object.extend({
firstName: null,
lastName: null,
});
//adding new variable to the Person class
Person.reopen({
middleName: 'Smith',
});
document.write('Middle Name: '+Person.create().get('middleName'));
//reopenClass() method for classes
var Person = Ember.Object.extend({
firstName: null,
lastName: null,
});
Person.reopenClass({
//creating new method for class Person
createMan: function() {
return Person.create({isMan: true})
}
});
document.write('isMan: '+Person.createMan().get('isMan'));
</script>
</body>
</html>
輸出
讓我們執(zhí)行以下步驟，看看上面的代碼如何工作：
將以上代碼保存在 reopncls_inst.html 文件中
在瀏覽器中打開此HTML文件。
以上內(nèi)容是否對(duì)您有幫助：
更多建議：