<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <input type="text" class="username" placeholder="用户名" /> <input type="password" class="password" placeholder=" 密码" /> <button class="btn">添加</button> <script> var username = document.querySelector('.username'); var password = document.querySelector('.password'); var btn = document.querySelector('.btn'); class Student { constructor(username, password) { this.username = username; this.password = password; } } var studentList = []; btn.addEventListener('click', function () { let student = new Student(username.value, password.value); studentList.push(student); console.log(studentList); }); </script> </body> </html>
20、利用class创建对象，防止数据覆盖
2022-11-22
53
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
20、利用class创建对象，防止数据覆盖
目录
相关文章
|
5月前
|
Java
|
6月前
|
C#
|
6月前
|
存储
Java
编译器
|
6月前
|
设计模式
JavaScript
前端开发
class 继承的重点
前文已提过：在 class 出现之前，JavaScript 实现继承是件麻烦事，构造函数继承有加上原型上的函数不能复用的问题；原型链继承又存在引用值属性的修改不独立的问题；组合继承又存在两次调用构造函数的问题，寄生组合继承，写起来又太麻烦了，总之，在 class 出现前，JavaScipt 实现继承真是件麻烦事儿。
69
0
0
|
Java
开发者
|
JavaScript
前端开发
Java
|
安全
|
Java
开发者