gpt4 book ai didi

javascript - ECMAScript 类

转载 作者:行者123 更新时间:2023-11-28 19:10:15 24 4
gpt4 key购买 nike

我有以下代码,当网页加载时,应将汽车品牌和当前速度打印到控制台。控制台上没有打印任何内容。如果我将新对象声明放入函数中,它也会打印。

<!DOCTYPE html>
<html>
<head>
<script type="application/ecmascript;version=6">

class Car {
constructor(make) {
this.make = make;
this.currentSpeed = 20;
}

printCurrentSpeed(){

console.log(this.make + 'is going ' + this.currentSpeed + 'kmh.');
}

}

var stang = new Car('Mustang');
stang.printCurrentSpeed();

</script>

<title>
</title>
</head>
<body>

</body>
</html>

最佳答案

当前可用的浏览器尚未原生支持 ES2015(前 ES6)类。如果你想使用它们,你将不得不使用我们所说的转译器:一个可以自动将你的 ES2015 源代码转换为 ES5 的程序,以便当前的浏览器可以运行它。

目前最著名的是Babel 。另一位是Traceur (由谷歌提供)。两者都很好。

请注意,您不必使用 ES2015 来实际上课。 ES2015 类只是我们所谓的原型(prototype)的语法糖。这是不带 class 关键字的示例:

function Car(make) {
this.make = make;
this.currentSpeed = 20;
}

Car.prototype.printCurrentSpeed = function() {
console.log(this.make + 'is going ' + this.currentSpeed + 'kmh.');
};

var stang = new Car('Mustang');
stang.printCurrentSpeed();

关于javascript - ECMAScript 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30847617/

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