栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

声明为对象文字和函数的剔除视图模型之间的区别

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

声明为对象文字和函数的剔除视图模型之间的区别

使用函数定义视图模型有两个优点。

主要优点是您可以立即访问

this
等于正在创建的实例的值。这意味着您可以执行以下操作:

var ViewModel = function(first, last) {  this.first = ko.observable(first);  this.last = ko.observable(last);  this.full = ko.computed(function() {     return this.first() + " " + this.last();  }, this);};

因此,

this
即使从其他范围调用,您所计算的observable也可以绑定到的适当值。

使用对象文字,您将必须执行以下操作:

var viewModel = {   first: ko.observable("Bob"),   last: ko.observable("Smith"),};viewModel.full = ko.computed(function() {   return this.first() + " " + this.last();}, viewModel);

在那种情况下,您可以

viewModel
直接在计算得到的observable中使用它,但是它的确会立即求值(默认情况下),因此您无法在对象常量中定义它,就像
viewModel
在关闭对象常量之后才定义它一样。许多人不喜欢将视图模型的创建未封装到一个调用中。

您可以用来确保

this
始终合适的另一种模式是在函数中将一个变量设置为等于的合适值,
this
然后改用它。就像:

var ViewModel = function() {    var self = this;    this.items = ko.observableArray();    this.removeItem = function(item) {         self.items.remove(item);    }};

现在,如果您处于单个项目的范围内并调用

$root.removeItem
,则的值
this
实际上将是在该级别上绑定的数据(也就是该项目)。通过在这种情况下使用self,可以确保将其从整体视图模型中删除。

bind
如果不支持,则另一种选择是using ,这是现代浏览器支持的,并且KO添加了。在这种情况下,它将看起来像:

var ViewModel = function() {    this.items = ko.observableArray();    this.removeItem = function(item) {         this.items.remove(item);    }.bind(this);};

关于这个主题,还有更多可以讨论的模式(例如模块模式和显示模块模式),但基本上使用函数可以为您提供更大的灵活性,并控制对象的创建方式和引用能力。实例专用的变量。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/517879.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号