Backbone.js的一些使用技巧
146 浏览量
2020-12-10
12:56:31
上传
评论
收藏 165KB PDF 举报
Backbone.js的一些使用技巧的一些使用技巧
自从3年前Backbone.js发布第一版以来，Backbone.js就成为一个流行的开源JavaScript “MV*”框架，并获得人们的青睐。尽
管Backbone.js给JavaScript应用提供了框架，但是它仍然给开发者留有很多设计模式供选择，不管怎样，当开发者第一次使
用Backbone.js时还会产生很多普遍的问题的。
因此，在这篇文章中，我们将介绍很多不同的设计模式供你在Backbone.js应用中使用，而且我们也会一同来看看对于开发者
来说会产生很多普遍的有关性能伸缩的问题。
对象深度拷贝对象深度拷贝
JavaScript对待所有原生类型变量是传值。所以，当变量被引用时就传递了变量的值。
var helloWorld = “Hello World”;
var helloWorldCopy = helloWorld;
举个例子，上面的代码将变量helloWorldCopy的值设置为变量helloWorld的值。这样， 自从它的值被复制之后,所有修改
helloWorldCopy的值不会修改helloWorld的值。JavaScript对待所有非原始类型的变量时传引用，这就意味着当变量传递的时
候将会传递内存地址引用。
var helloWorld = {
‘hello': ‘world'
}
var helloWorldCopy = helloWorld;
举个例子，上面的代码将设置helloWorldCopy为helloWorld的引用，而且，也许你会猜到任何修改helooWorldCopy的值都会
直接导致helloWorld值的变化。如果你想要helloWorld的拷贝，你可以创建一个拷贝对象即可。
也许你会想到“为什么Backbone.js可以解释为所有的工作都是通过传递引用？”事实上，Backbone.js不会拷贝对象，这将意味
着如果你从模型里调用.get()方法获得一个对象，任何给这个对象的修改都会直接修改原来的对象。让我们一起来看一个例子
来阐明哪里会发生这样的情况。如果你有个如下的Person模型:
var Person = Backbone.Model.extend({
defaults: {
'name': 'John Doe',
'address': {
'street': '1st Street'
'city': 'Austin',
'state': 'TX'
'zipCode': 78701
}
}
});
这样你就创建了一个新的person对象：
var person = new Person({
'name': 'Phillip W'
});
现在我们来对新对象的一些属性进行操作操作：
person.set(‘name’, ‘Phillip W.’, { validate: true });
上面的代码成功的给person对象的name属性赋了值。现在我们在来操作person对象的地址属性。当然，在我们这样做之前先
验证一下地址属性。
var Person = Backbone.Model.extend({
validate: function(attributes) {
if(isNaN(attributes.address.zipCode)) return "Address ZIP code must be a number!";
},
defaults: {
'name': 'John Doe',
'address': {
剩余10页未读，继续阅读
评论0