Backbon,e.js的一些使用技巧

2019-11-02 14:32:43

字体：大中小

来源：转载

供稿：网友

　　这篇文章主要介绍了Backbone.js的一些使用技巧,Backbone.js是一款人气JavaScript库,需要的朋友可以参考下

　　自从3年前Backbone.js发布第一版以来，Backbone.js就成为一个流行的开源JavaScript “MV*”框架，并获得人们的青睐。尽管Backbone.js给JavaScript应用提供了框架，但是它仍然给开发者留有很多设计模式供选择，不管怎样，当开发者第一次使用Backbone.js时还会产生很多普遍的问题的。

　　因此，在这篇文章中，我们将介绍很多不同的设计模式供你在Backbone.js应用中使用，而且我们也会一同来看看对于开发者来说会产生很多普遍的有关性能伸缩的问题。

　　对象深度拷贝

　　JavaScript对待所有原生类型变量是传值。所以，当变量被引用时就传递了变量的值。

1 2 var helloWorld = “Hello World”; var helloWorldCopy = helloWorld;

　　举个例子，上面的代码将变量helloWorldCopy的值设置为变量helloWorld的值。这样，自从它的值被复制之后,所有修改helloWorldCopy的值不会修改helloWorld的值。JavaScript对待所有非原始类型的变量时传引用，这就意味着当变量传递的时候将会传递内存地址引用。

1 2 3 4 var helloWorld = { ‘hello': ‘world' } var helloWorldCopy = helloWorld;

　　举个例子，上面的代码将设置helloWorldCopy为helloWorld的引用，而且，也许你会猜到任何修改helooWorldCopy的值都会直接导致helloWorld值的变化。如果你想要helloWorld的拷贝，你可以创建一个拷贝对象即可。

　　也许你会想到“为什么Backbone.js可以解释为所有的工作都是通过传递引用?”事实上，Backbone.js不会拷贝对象，这将意味着如果你从模型里调用.get()方法获得一个对象，任何给这个对象的修改都会直接修改原来的对象。让我们一起来看一个例子来阐明哪里会发生这样的情况。如果你有个如下的Person模型:

1 2 3 4 5 6 7 8 9 10 11 var Person = Backbone.Model.extend({ defaults: { 'name': 'John Doe', 'address': { 'street': '1st Street' 'city': 'Austin', 'state': 'TX' 'zipCode': 78701 } } });

　　这样你就创建了一个新的person对象：

1 2 3 var person = new Person({ 'name': 'Phillip W' });

　　现在我们来对新对象的一些属性进行操作操作：

　　person.set('name', 'Phillip W.', { validate: true });

　　上面的代码成功的给person对象的name属性赋了值。现在我们在来操作person对象的地址属性。当然，在我们这样做之前先验证一下地址属性。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 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': { 'street': '1st Street' 'city': 'Austin', 'state': 'TX' 'zipCode': 78701 } } });

上一篇：如何在 -iOS 设备上呈现原型

下一篇：Sql分区表理解及实现