gpt4 book ai didi

Javascript 提升 - 无法理解这一点

转载 作者:行者123 更新时间:2023-11-28 17:57:35 30 4
gpt4 key购买 nike

尝试学习Js,无法理解为什么DOM元素没有获取到值:

var Car = function(loc) {
var obj = Object.create(Car.prototype);
obj.loc = loc;
obj.move = move;
return obj;
};

Car.prototype = {
move : function() {
this.loc++;
}
};

var emy = Car(1);
emy.move();

document.getElementById("id").innerHTML = emy.loc;

因此,我创建了一个类构造函数及其原型(prototype)对象,但最后一行 - document.getElementById("id").innerHTML = emy.loc; 没有被执行(除非我把它放在在文件顶部)。这是为什么?

片段:

https://jsfiddle.net/awj6mf1b/

最佳答案

您还没有定义什么是移动:

var Car = function(loc) {
var obj = Object.create(Car.prototype);
obj.loc = loc;
obj.move = move; // <<< Here
return obj;
};

给出错误:

Uncaught ReferenceError: move is not defined
at Car (VM52:51)
at window.onload (VM52:61)

您可以通过在实例化期间将函数放入对象中来解决此问题:

var Car = function(loc) {
var obj = Object.create(Car.prototype);
obj.loc = loc;
obj.move = function() {
this.loc++;
}
return obj;
};

或者通过将函数正确添加到原型(prototype)中:

var Car = function(loc) {
var obj = Object.create(Car.prototype);
obj.loc = loc;
// Removed move from here
return obj;
};

// This adds move to the cars prototype
Car.prototype.move = function() {
this.loc++;
}

关于Javascript 提升 - 无法理解这一点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44176054/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com