代码之家 › 专栏 › 技术社区 › GatesPlan

js方法存储的元素属性无法访问其属性

javascript

GatesPlan · 技术社区 · 4 年前

formElement.ajax.ajaxmoduleA .. 这样地。

formElement.ajaxA() 或者直接在提交事件上分配函数,但只有我能得到 Cannot read properties of undefined . 我想这是从 this

class A {
    constructor() {
        this.a = 'a';
    }

    getA() {
        return this.a;
    }
}

el = document.querySelector('#updateNameForm');
el.A = new A;
el.B = el.A.getA;

当我 el.A.getA.call() 控制台,同样的错误弹出。。如何将对象函数指定给元素属性?活动怎么样?

4 回复 | 直到 4 年前

Andy 4 年前

bind 确保 this is being handled correctly .
您忘记在构造函数调用中添加开/闭括号: new A()

class A {
    constructor() {
        this.a = 'a';
    }

    getA() {
        return this.a;
    }
}

const el = document.querySelector('#updateNameForm');
el.A = new A();
el.B = el.A.getA.bind(el.A);
console.log(el.B())

<div id="updateNameForm">Form</div>

Marco 4 年前

可能是,因为你的语法是关闭的。您需要实例化新类或调用方法:

el = document.querySelector('#updateNameForm');
el.A = new A();
el.B = el.A.getA();

Ihar Dziamidau 4 年前

请尝试修复该行:

el.A = new A();

Ran Turner 4 年前

构造函数方法是类的一种特殊方法,用于创建和初始化该类的对象实例,该对象实例将通过使用“new”关键字按类名和 () 后面加括号

class A {
    constructor() {
        this.a = 'a';
    }

    getA() {
        return this.a;
    }
}

el = document.querySelector('#updateNameForm');
el.A = new A()
el.B = el.A.getA;

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前