未捕获的TypeError: this.firstname不是函数
是一个JavaScript中的错误类型，通常出现在使用this关键字时发生了错误。
错误信息表明this.firstname被当作函数进行调用，但实际上它并不是一个函数。这可能是因为在该代码段中，this.firstname被错误地赋值为了一个非函数的值。
要解决这个错误，你可以进行以下几个步骤：
- 检查代码中的this引用：首先要确保this引用在当前上下文中正确指向了预期的对象。可以通过在出错的位置打印this来进行调试，确保其引用了正确的对象。
- 确保this.firstname是一个函数：在确认this引用正确的对象后，检查this.firstname是否被正确地定义为一个函数。可以使用typeof操作符来验证this.firstname的类型，如果它不是一个函数，则需要检查代码中的赋值语句是否正确。
- 检查函数名的拼写：如果this.firstname确实应该是一个函数，那么需要检查函数名的拼写是否正确。确保函数名与定义的函数名称完全匹配。
- 确保函数已被正确定义和初始化：如果this.firstname是在其他地方定义的函数，那么需要确认该函数是否已经被正确地定义和初始化。可以检查函数定义和初始化的位置，并确保没有任何拼写错误或其他语法错误。
- 检查函数调用的参数：如果在调用this.firstname时，你传递了一些参数，需要确保这些参数的类型和数量与函数定义中的参数要求相匹配。
总结： 未捕获的TypeError: this.firstname不是函数是一个JavaScript错误类型，通常是由于this.firstname被错误地赋值为非函数的值所引起的。要解决这个错误，需要检查代码中的this引用、确保this.firstname是一个函数、检查函数名的拼写、确认函数已被正确定义和初始化，并检查函数调用的参数。
相关·内容
4回答
目前，我很难在使用的对象中进行范围界定，并希望有人能帮助我！
基本上，我有一个目标(简单地说明这个问题)：
var viewModel = {
firstName: ko.observable('John'),
lastName: ko.observable('Doe'),
fullName: ko.computed(function(){
return this.firstName() + ' ' + this.lastName();
}, this)
};
我想引用当前对象的属性，因此我执行以
浏览 2提问于2014-05-15得票数 0
回答已采纳
在下面的教程示例中，我试图了解最后一个this的用法
function AppViewModel() {
this.firstName = ko.observable("Bert");
this.lastName = ko.observable("Bertington");
this.fullName = ko.computed(function(){
return this.firstName() + " " + this.lastName();
},this);//This one!
}
我知道另一个
浏览 3提问于2014-02-14得票数 0
回答已采纳
let user = {
firstName: 'Testname'
}
function testAlert() {
alert(this.firstName);
}
let funcUser = testAlert.call(user); // Testname
funcUser();
显示控制台中的错误：
Uncaught TypeError：funcUser不是一个函数
我不明白它为什么会出现错误。
谢谢
浏览 1提问于2020-06-23得票数 0
我有一个包含以下(部分)代码的组件：
export default {
methods: {
mymethod: (x) => {alert(x)},
},
created: () => {
this.mymethod('success');
},
我得到了以下错误：
vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined"
看起来&
浏览 1提问于2018-04-17得票数 11
回答已采纳
我正在尝试向以下视图发出请求。但是，我得到了错误TypeError: echoplaca() got an unexpected keyword argument 'placa'。
@app.route(r'/enviaplaca/<placa>')
def echoplaca():
return "Numero de placa: {}".format(placa)
浏览 2提问于2017-05-12得票数 18
回答已采纳
我正试图通过调用$http (从API接收数据)来修改控制器的变量。在我的视图中，这些控制器变量与ng-model绑定在一起。
但是，它不工作--没有显示任何内容！
angular
.module('myApp')
.controller('contactController', ['$scope', '$http', ContactController]);
function ContactController($scope, $http) {
this.firstName = '';
浏览 2提问于2015-09-21得票数 0
是否存在阻塞和非阻塞的Javascript错误？
我的意思是，我已经看到我的站点报告了一些错误，但所涉及的过程仍然成功完成(据我所知)。这些错误包括: TypeError:未定义不是对象(计算'e.nodeName.toLowerCase') TypeError: e.nodeName未定义(它们总是来自我的通用JQuery库文件)
这就是我所说的“非阻塞”错误，因为所涉及的脚本似乎已经成功完成。
如果存在阻塞和非阻塞，那么它的正确术语是什么，我如何区分这两者之间的区别(例如，这样我就可以优先调查阻塞错误)？
谢谢
浏览 0提问于2017-06-18得票数 0
1回答
如何解决typeError的问题？
<body>
<div class="container-fluid mt-3">
<p id="result"></p>
</div>
<script>
var peoople, x, message = "";
function person(first, last, age, color) {
this.firstName = first;
this.lastName
浏览 12提问于2021-05-25得票数 1
回答已采纳
我正在尝试在一个typescript项目中扩展Pixi.Spride类。(我添加了一些其他属性)。但是当我实例化我的新对象时，我得到这样的结果：
未捕获TypeError:未定义不是函数。
下面是我的代码：
///<reference path="../lib/pixi.d.ts" />
enter code here
// Module
module test {
// Class
export class Card extends PIXI.Sprite {
public name: string;
浏览 3提问于2015-04-19得票数 1
我有一个ViewModel，它是一个可以观察到的对象数组，它包含我将要使用foreach输出的联系人信息。我需要一个依赖于每个联系人的firstName和lastName的计算可观测值：
var contacts = ko.observableArray([
{
firstName: ko.observable("Jim"),
lastName: ko.observable("Carrey"),
fullName: ko.computed(function(){
return t
浏览 5提问于2014-01-21得票数 0
回答已采纳
我对打字稿很陌生，我想把它和淘汰赛的优点结合起来。我有一个计算的可观测的，这是目前的工作，但想知道这是正确的方式，或有更好的方法。
我正在使用。其中有4个KnockoutComputed(x)定义。
KnockoutComputed
KnockoutComputedDefine
KnockoutComputedFunctions
KnockoutComputedStatic
我喜欢{}声明可观察性的方法，并愿意保留这个。长话短说，这是声明可观测值的正确方法，还是有另一种方法(也许函数中有凹凸性)？
我用的第一个是这样的：
class PersonViewModel {
浏览 2提问于2013-05-22得票数 20
回答已采纳
我使用Javascript和nodejs (node_modules?)。为什么学生子类不能从父类访问socialSecNum设置器？当我从父类中使用regex函数时，它工作得很好吗？
class Person {
constructor(firstName, lastName, sosialSecNum) {
this.firstName = firstName;
this.lastName = lastName;
this.sosialSecNum = sosialSecNum;
}
get firstName() {
return this._
浏览 2提问于2020-09-25得票数 0
回答已采纳
我正在学习JavaScript (在64位Debian的基础上使用最新的Google )，现在我只能理解Object.defineProperty到底是如何工作的。我有以下一页：
function createPerson() {
var person = {
firstName: 'Lilly',
lastName: 'Louis',
};
Object.defineProperty(person, 'fullName', {
get: function() {
浏览 3提问于2016-06-28得票数 1
回答已采纳
1回答
当我试图调用我的家庭控制器中的方法时，我得到了消息Uncaught TypeError:Undefined is not a function。
关于我为什么收到这条消息的建议？
findIdpActivities = function (pernr, callback) {
restEndPoint = serviceBase + 'Home/FindIdpActivities';
data = "{'perNr':'" + pernr + "'}";
makeJsonDataAjaxCa
浏览 0提问于2013-10-21得票数 2
回答已采纳
下面是一些javscript代码：
showFullName(); // Peter Ally
window.showFullName(); // Peter Ally
这两个函数调用仅在window对象上，但第一个调用工作正常，但第二个调用给出了以下错误：
TypeError:未定义不是函数
var firstName = "Peter",
lastName = "Ally";
function showFullName () {
console.log (this.firstName + " " + this.lastName
浏览 4提问于2014-05-06得票数 0
3回答
我正在学习java，在课堂上我们开始使用多个类.我有一个带有默认构造函数的employee类。其中有带有默认值的变量。我遇到的问题是，默认构造函数中的变量的值不被使用，所以在变量下面有黄色的下划线。有人能把我引向正确的方向吗。
package week2;
import java.text.NumberFormat;
public class Employee {
//Instance Variables
private String firstName = "", lastName = "";
private char gende
浏览 0提问于2015-05-14得票数 0
回答已采纳
对于为什么我们使用原型继承，我有一些基本的理解，在我的应用程序中做一些事情时，我意识到一旦将同名的函数添加到它的原型中，您就不能真正地访问一个函数。为什么，这是我的代码：
function person(firstname, lastname) {
this.firstname = firstname,
this.lastname = lastname,
this.greet = function() {
console.log('hey there', this.lastname + ' ' + this.firs
浏览 0提问于2018-05-10得票数 0
回答已采纳
1回答
我很难理解为什么这段代码不能工作。据我所知，我的语法是正确的，但是console.log抱怨我的person对象没有setFirstName方法。到目前为止，我得到的是：
HTML
<input type="text" id="firstName">
JQuery
$(document).ready( function() {
$("#firstName").on("change", getFirstName);
var person = new Person();
function Per
浏览 0提问于2014-03-15得票数 1
回答已采纳
我有一个wxpython对话框，它在单击OK按钮时会引发一个TypeError异常。我想用unittest测试异常的发生，但是测试不像预期的那样工作。输出显示异常被引发。无论如何，单元测试都会通知测试失败：
"C:\Program Files (x86)\Python\python.exe" test.py
Traceback (most recent call last):
File "test.py", line 22, in on_ok
raise TypeError( 'TypeError raised' )
TypeErro
浏览 3提问于2016-11-08得票数 1
回答已采纳
我正在研究knockout 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(funct
浏览 16提问于2021-10-31得票数 0
回答已采纳
我正在做Python (在Python2上)，在about_classes部分有点丢失。
这就是我不知道该做什么/发生了什么的代码：
class Dog5(object):
def __init__(self, initial_name):
self._name = initial_name
@property
def name(self):
return self._name
def test_args_must_match_init(self):
self.assertRaises(___, self.Dog5) # E
浏览 0提问于2016-01-19得票数 1
回答已采纳
我们的js播放器可以在firefox中正确加载，但不能在Chrome或IE中运行。我尝试了stackoverflow中提到的其他解决方法，以解决以下错误：
未捕获TypeError: Object #没有方法“fancybox”
4event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。
但是不起作用。我尝试异步加载js文件，但似乎无法在chrome和IE中加载。
这是我们的页面网址：
按下绿色的播放按钮应该会打开下一张幻灯片，你可以在firefox中看到。
浏览 4提问于2012-05-10得票数 1
我不确定为什么我的代码不能运行，有人能给我一些指导吗？当我运行这段代码并检查控制台时，我得到以下错误
“未捕获的TypeError：(中间值)不是函数”
var person = {
firstName: "Jane",
lastName: "Doe",
getFullName: function() {
var fullName = this.firstName + this.lastName;
return fullName;
}
}
(function() {
console.log(this.getFullName(
浏览 14提问于2016-09-27得票数 3
回答已采纳
我正在学习如何使用Object.defineProperties()。我使用以下代码：
var Person = function(firstName, lastName)
{
this.firstName = firstName;
this.lastName = lastName;
};
Object.defineProperties(Person, {
sayHi : {
get : function() {return "Hello";},
enumerable : true
},
sayBye :
浏览 4提问于2014-12-02得票数 0
回答已采纳
我让directory组件向question组件传递一个函数。question组件接受一个输入，然后通过函数使用此输入更新directory组件。当question组件尝试访问此函数时，会出现JS错误：angular.min.js:123 TypeError: Cannot use 'in' operator to search for '$ctrl' in Lee。我做了哪些不正确的操作来触发此错误？
let directoryTemplate =
'<question on-click="$ctrl.updateLastName
浏览 10提问于2018-01-29得票数 10
回答已采纳
我在网上找到了这个，现在正试着把它放到TS中。
运行以下代码将抛出Uncaught TypeError: Cannot set property 'toggle' of null
@Injectable()
export class HomeUtils {
private canvas: HTMLCanvasElement;
private context;
private toggle = true;
constructor() { }
public startNoise(canvas: HTMLCanvasElement) {
浏览 1提问于2018-03-16得票数 16
回答已采纳
4回答
我有点困惑。
例如，如果：
function Person(firstName, lastName){
this.firstName = firstName;
this.lastName = lastName;
}
// so, the following will be shared, and this
// is the best practice, right?:
Person.prototype.whatEver = function(){
return this.firstName + " " + this.lastName;
}
// th
浏览 0提问于2018-03-29得票数 2
鉴于我有：
var PersonClass = function () {
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
this.name = function(){
return this.firstName + " " + this.lastName;
};
this.setName = function(a,b){
浏览 4提问于2017-01-20得票数 1
回答已采纳
打破这条链条的正确方法是什么？例如，如果我在catch中，我不希望执行以下两个then。
我曾经把catch放在最后，但后来把它移到了前面，觉得这可能会有帮助。事实并非如此。
return axios
.post(url, data)
.catch(error => {
const message = getBannerTextFailureMessage(liability, toStatus)
dispatch(showBanner(message, bannerConstants.typeError))
})
.then(response =>
浏览 1提问于2018-07-14得票数 1
我已经为这段代码挣扎了好几天了。本质上，它是一个对象，它接受3个文本框的输入，并将它们连接到一个字符串中。或者它应该这么做。
Student.toString以未定义的或“未定义的TypeError: object对象的属性'Student‘不是函数的形式返回，此时它应该是姓、名，然后是id号。有人能解释我在这件事上做错了什么吗？
<div id='textInside'>
First Name:<input type='text' id='fName'><br>
Last Na
浏览 7提问于2014-03-20得票数 0
回答已采纳
我正在尝试在typescript中使用mongoose虚拟。却不能让它工作。我得到了与在代码中使用它相关的错误。我查阅了许多参考资料，但找不到一个参考资料来实现这一点。 "ts包含箭头函数捕获隐式类型为'any‘的'this’的全局值。7041“ export const UserSchema = new Schema({
firstName: {
type: String
},
lastName: {
type: String
},
roleId: {
alias: "g
浏览 59提问于2019-01-31得票数 6
回答已采纳
1回答
我正在开发一个Redux应用程序，其中许多过滤器组件可以更改要执行的搜索的性质。每当其中一个筛选器组件的状态发生更改时，我都希望重新运行搜索操作。但是，我似乎无法正确地从每个过滤器组件调用搜索操作。
以下是主要的搜索操作：
// actions/search.js
import fetch from 'isomorphic-fetch';
import config from '../../server/config';
export const receiveSearchResults = (results) => ({
type: 'RE
浏览 1提问于2018-01-03得票数 24
回答已采纳
(这只是出于个人的好奇心)
当一个内置的JavaScript对象(意思是:我自己还没有定义的对象)被实例化时，我想设置一个自动警报。
例如，这里有一个名为“Test”的非内置对象：
function Test(first, last) {
this.firstName = first;
this.lastName = last;
}
我尝试过的一件事是向"Test“对象添加一个名为"checkName”的自动执行函数，如下所示：
Test.prototype.checkName = function() {
var n = this.firstName;
浏览 6提问于2016-05-07得票数 0
当我关闭Google API时，我得到一条“未捕获的TypeError:无法读取未定义的属性'DataTable‘”的消息。
我想捕捉这个未定义的错误，并弹出一个窗口，上面写着"Google已被禁用“，但我不确定什么类型的对象是未定义的。我目前正在检查"DataTable“对象，但我非常确定这是错误的，因为现在无论如何都会弹出窗口。
这是我的代码。
var data = new google.visualization.DataTable();
if(typeof DataTable == "undefined"){
window.alert("
浏览 8提问于2017-07-28得票数 0
回答已采纳
1回答
我和茉莉花是新来的。事实上，我刚刚下载了Jasmine，编写了我的第一个规范，并启动了SpecRunner.html文件。我还没有编写特定的init方法，在Firefox/Safari中，我看到了对此错误的很好的描述：
(Firefox) TypeError: Object.create(...).init is not a function in file...
(Safari) TypeError: undefined is not a function (evaluating 'Object.create(Seminar).init(seminarName)') in f
浏览 0提问于2014-12-17得票数 0
嘿，所有人，看看所有的堆栈溢出，这看起来像一个常见的错误，我就是不能理解。我正忙着将我们的站点从纯JS升级到jquery，为我们迁移到Rails 3.1做准备，现在我有了这个javascript：
:javascript
["Ownership", "Management", "EmploymentEquity", "SkillsDevelopment", "PreferentialProcurement", "EnterpriseDevelopment", "Socioeconom
浏览 0提问于2012-08-28得票数 0
回答已采纳
function User() {
this.firstname = null;
get getFirst() {
return this.firstname;
}
}
JavaScript控制台在第12行中说“意外标识符”时出错
var Jake = new User();
Jake.firstname = "Jake";
document.write(Jake.getFirst);
浏览 5提问于2016-05-15得票数 3
回答已采纳
2回答
我继承了一些Javascript，这个JS曾经工作过，但由于某种原因它不再工作了。
我有以下脚本，请记住，我已经把它砍掉了，只列出了令人不快的部分：
function top_frame() {
top_frame = top.frames[0].document;
top_frame.write('<HTML><BODY topmargin=0 leftmargin=0 marginheight=0 marginwidth=0><IMG SRC="'+image_url+'/options_top.gif"
浏览 4提问于2016-03-04得票数 3
我试图在异常内部引发一个异常，但没有得到外部异常和回溯的错误消息，并且只打印了嘿。然而，如果我把一个字符串而不是k或m放在这里，我就会被困在这里。 The output, which I would need without the traceback def division(k, m):
try:
k / m
except TypeError:
raise ValueError ('hey') from None
return k / m
浏览 42提问于2021-11-15得票数 0
我在asp.net MVC5项目中使用jquery.unobtrusive和jquery.validate库来验证客户端的用户注册。
在浏览器上，我得到这个错误：
Uncaught TypeError: $(...).parents(...).andSelf is not a function
at Object.parse (jquery.validate.unobtrusive.js:211)
at HTMLDocument.<anonymous> (jquery.validate.unobtrusive.js:392)
at mightThrow (j
浏览 0提问于2017-01-29得票数 12
尝试将厨房水槽网格示例合并到Sencha/Extjs的Local应用程序中
当我运行sencha app watch打开chrome工具检查器时，我得到这个错误：Uncaught TypeError: Cannot read property 'isBufferedStore' of undefined
浏览 13提问于2020-05-29得票数 0
使用backbone JS库构建页面。我有一个集合，视图和路由器。目标是列出页面中集合的所有条目。
集合
window.Artifact = Backbone.Model.extend({
urlRoot:"/rest/artifacts",
initialize:function(){
this.artifacts = new ArtifactCollection();
}
});
window.ArtifactCollection = Backbone.Collection.extend({
model:Artifact,
浏览 3提问于2012-05-01得票数 0
回答已采纳
3回答
我编写了以下TypeScript代码：
class Person {
constructor(public firstname: string, public lastname:string){
}
public die(){
this.lastname += " RIP";
}
该文件汇编为：
var Person = (function() {
function Person(firstname, lastname) {
this.firstname = firstname;
this.lastname = last
浏览 3提问于2014-11-25得票数 5
回答已采纳
因此，我有一个带有类和记录器的python程序。以下是代码：
import logging
path2log = "logs/1.pylog"
LOG_FORMAT = "%(levelname)s - %(name)s (%(asctime)s) : %(message)s"
#existing log levels are:
#Debug
#Info
#Warning
#Error
#Critical
logging.basicConfig(filename = path2log,
level = loggin
浏览 2提问于2018-02-06得票数 1
回答已采纳
1回答
我创建了一个小小的python函数，它提供了一个简单的检查:参数n是自然数吗？一般来说，你是如何完成这项检查的？
这是我创建的代码：
def is_natural_number(n, print_err_msg=True):
try:
if not isinstance(n, int):
raise TypeError("Your input is not of integer type.")
if n < 1:
raise ValueError("Your integer i
浏览 4提问于2016-12-30得票数 2
回答已采纳
我是node.js的新手，我几乎在任何地方都能看到2函数。请举例说明function greet()和greet(function(){});的区别
这样它才能清楚地理解。
function greet() {
this.firstname = 'johan',
this.lastname = 'Don'
console.log(this.firstname + ' ' + this.lastname);
//...
//...
}
greet(function() {
this.firstname = 'johan'
浏览 0提问于2018-03-26得票数 1
回答已采纳
3回答
我正在研究ES6的新语法，现在我正在研究get和set方法，在尝试使用set方法时出现了一个错误。
下面是一个示例：
class Person {
constructor(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
get fullName() {
return `${this.firstName} ${this.lastName}`;
}
set fullName(...value
浏览 11提问于2017-01-02得票数 1
回答已采纳
1回答
let user = {
firstName: "John",
sayHi: () => alert(this.firstName)
};
let user2 = {
firstName : "Mike",
testFun : function(){let argFun = user.sayHi; argFun();} // Hello, undefined!
};
我知道，如果我调用了user.sayHi，它就会从用户创建的环境中接收到这个值。但是，如果我将user.sayHi的值复制到argFun，为什么这个问题没有消失，并
浏览 3提问于2020-09-22得票数 2
回答已采纳
考虑下面的守则：
"use strict";
var obj = {
firstName : "abhay",
lastName : "Deol"
};
Object.defineProperty(obj, "fullName" , {
get fullName(){
return this.firstName + this.lastName;
},
set fullName(value){
let words = value.toString().
浏览 2提问于2020-02-08得票数 0
回答已采纳
这段代码应该显示一个包含Hello World的div，但是我收到了错误Uncaught TypeError: System.import is not a function。我正在学习ng-book2的入门教程视频，其中包含index.html中的以下代码
<!DOCTYPE html>
<html>
<head>
<title>Angular 2</title>
<script src="js/traceur-runtime-0.0.90.js"></script>
<s
浏览 0提问于2015-07-17得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
