Javascript 尝试在JS中使用类_Javascript_Class_Object_Destructuring

Javascript 尝试在JS中使用类

javascript class object

Javascript 尝试在JS中使用类,javascript,class,object,destructuring,Javascript,Class,Object,Destructuring,我对使用类还不熟悉，我正试图弄清楚如何在浏览器中显示信息。我制作了一个JS类（Vehicle），并试图使用它在浏览器中使用对象的去结构显示信息。我不知道我在这里做错了什么，因为我在浏览器中什么也没有得到，但是当我检查页面元素时，没有错误弹出。谁能给我指出正确的方向吗以下是HTML： <body> <div id="displays"> </div> <script src="vehicle.js"> let car =

我对使用类还不熟悉，我正试图弄清楚如何在浏览器中显示信息。我制作了一个JS类（Vehicle），并试图使用它在浏览器中使用对象的去结构显示信息。我不知道我在这里做错了什么，因为我在浏览器中什么也没有得到，但是当我检查页面元素时，没有错误弹出。谁能给我指出正确的方向吗

以下是HTML：

<body>
<div id="displays">
</div>

    <script src="vehicle.js">

        let car = new Vehicle("black", 137, 127, 208);

        document.getElementById('displays').innerHTML = car.show();

    </script>


</body>

脚本元素可以具有

src

或文本内容。他们不能两者兼而有之。因此，如果您想使用页面上的内联脚本使用车辆，请将其放入第二个

元素中。尽管最好将其放在自己的文件中，比如说

index.js

，然后让第二个

元素有一个

src=“index.js”defer

：

使用现代的

async

和

defer

属性确保加载脚本时没有阻塞，并在构建DOM后执行，但就在发出

DOMContentLoaded

信号之前执行

class Vehicle{
    constructor(color, direction, currentSpeed, topSpeed, engineStarted){
        this._color = color;
        this._direction = direction;
        this._currentSpeed = currentSpeed;
        this._topSpeed = topSpeed;
        this._engineStarted = true;
        this.active = true;
    }

    show() {

            if(this._active)
            {
                const stats = `${this._color} car, Top Speed: ${this._topSpeed} mph, Current Speed: ${this._currentSpeed} mph, ${this._direction}`;
                return stats; 
            }
    }