JavaScript中什么时候使用Class
Admin发表于 2022-09-05 17:28:03761 次浏览
上一篇： web前端三大技术分别是什么，怎么掌握
下一篇： web前端中的事件驱动是什么
这篇文章主要介绍了title，小编觉得挺不错的，现在分享给大家，也给大家做个参考，希望大家通过这篇文章可以有所收获。JavaScript中可以使用class；类是一种函数，但不是使用关键字function进行初始化，而是使用关键字class，并且在constructor()方法中分配属性，每次初始化类对象时，都会调用constructor()方法，语法为“class className{constructor(){...}}”。
如何快速入门VUE3.0：进入学习
本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。
JavaScript中可以用class
类是一种函数，但不是使用关键字 function 来初始化它，而是使用关键字 class，并在 constructor() 方法中分配属性。
每次初始化类对象时，都会调用 constructor() 方法。
注释：与函数和其他 JavaScript 声明不同，类声明不会被提升（您必须先声明一个类，然后才能使用它）。
注释：类中的语法必须以“严格模式”编写。
语法为：
class className {
// 类主体
}我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。
每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化一个由 class 创建的对象。
示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<h2>JavaScript 类</h2>
<p>如何使用 JavaScript 类</p>
<p id="demo"></p>
<script>
class Runoob {
constructor(name, url) {
this.name = name;
this.url = url;
}
}
let site = new Runoob("好好学习", "http://www.php.cn");
document.getElementById("demo").innerHTML =
site.name + "：" + site.url;
</script>
</body>
</html>输出结果：
以上就是关于“JavaScript中什么时候使用Class”的介绍了，感谢各位的阅读，希望文本对大家有所帮助。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
标签：
JavaScript
上一篇： web前端三大技术分别是什么，怎么掌握
下一篇： web前端中的事件驱动是什么
相关信息推荐
2022-10-28 17:50:59
2022-08-27 17:49:26
2022-06-28 17:11:09
2022-12-14 11:21:38
2022-08-19 17:53:01
2022-08-19 17:51:59
javascript定时器
JavaScript函数柯里化
JavaScript实现队列
JavaScript正则表达式
JavaScript基础语法
javascript整型
JavaScript常用事件
JavaScript优化技巧
JavaScript数组方法
引用javascript文件
JavaScript new
JavaScript变量和数据类型
JavaScript网络请求
javascript函数
JavaScript内存与性能
javascript基础学习
JavaScript循环
JavaScript WebAPI
JavaScript内置对象math
JavaScript的Date对象
javascript严格模式
JavaScript数字类型
JavaScript创建对象
JavaScript数据问题
JavaScript垃圾回收
JavaScript可迭代对象
javascript节点
javascript栈
JavaScript迭代器
javascript视频教程
2022-02-25 17:19:26
2022-01-24 19:23:44
2022-01-04 18:53:44
2022-01-26 18:39:38
2021-11-20 17:46:01
2022-01-18 18:00:09
2022-01-13 18:58:11
2022-01-24 19:23:57
2021-11-22 17:53:55
2021-11-20 17:45:40
群英网络助力开启安全的云计算之旅
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2019 群英网络 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号
