未捕获的类型错误：this.firstname 不是函数答案

【问题标题】：Uncaught TypeError: this.firstname is not a function未捕获的类型错误：this.firstname 不是函数
【发布时间】：2021-12-15 10:31:57
【问题描述】：

我正在研究淘汰赛js并发生错误有什么问题？？

<span data-bind="text: fullname"></span>

<script type="text/javascript">
function AppViewModel() {
  this.firstName = ko.observable('Bob');
  this.lastName = ko.observable('Smith');

  this.fullname = ko.computed(function() {
    return this.firstname() + " " + this.lastname();
  },this);
}

// <!-- ko.applyBindings(viewModel); -->
var vm = new AppViewModel();
ko.applyBindings(vm);
</script>

当我调用这个时，

Uncaught TypeError: this.firstname is not a function

发生... 怎么了？

【问题讨论】：

查看大小写...this.firstName = ... 和return this.firstname() + ...。您的this.lastName/this.lastname 变量也存在此问题

标签： javascript knockout.js

【解决方案1】：

在

return this.firstname() + " " + this.lastname();

firstname 和 lastname 中的“n”没有大写。所以尝试这样的事情：

function AppViewModel() {
  this.firstName = ko.observable('Bob');
  this.lastName = ko.observable('Smith');

  this.fullname = ko.computed(function() {
    return this.firstName() + " " + this.lastName();
  },this);
}

// <!-- ko.applyBindings(viewModel); -->
var vm = new AppViewModel();
ko.applyBindings(vm);

【讨论】：