95 lines
2.1 KiB
HTML
95 lines
2.1 KiB
HTML
<!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>object</title>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
</body>
|
||
<script>
|
||
// 对象 object
|
||
// 1：存储数据的方式（通过名字来存数据 key（键）-value(值)），
|
||
// 类似数组（下标来存数据的）
|
||
// 2：类似后端编程语言中 类 class 的 概念
|
||
// 类：对现实生活中事物的描述（特征，功能）
|
||
// 封装 继承 多态 （一车多用）
|
||
// 构造函数 constructor 当类被初始化的时候，第一个默认运行的方法（代码） 析构函数
|
||
// 面向对象的编程
|
||
// 面向过程的编程
|
||
|
||
// 以前的js 都是 通过 object 来模拟 class
|
||
// 但是 js 是不断升级的语言 class
|
||
class people {
|
||
name = ""
|
||
age = ""
|
||
|
||
eat() { }
|
||
}
|
||
|
||
class peopleA extends people {
|
||
constructor() {
|
||
super()
|
||
this.name = "张三"
|
||
}
|
||
}
|
||
|
||
class peopleB extends people {
|
||
constructor() {
|
||
super()
|
||
this.name = "李四"
|
||
}
|
||
}
|
||
|
||
var a = new peopleA()
|
||
var b = new peopleB()
|
||
|
||
|
||
console.log(a.name);
|
||
console.log(b.name);
|
||
|
||
// var obj = new Object();
|
||
// obj.name = "刘兵"
|
||
// obj.age = 18
|
||
// console.log(obj);
|
||
|
||
// var obj = new Object({ name: '刘兵', age: 18 });
|
||
// var obj = {
|
||
// name: '刘兵',
|
||
// age: 18,
|
||
// like: [
|
||
// '骑车', '编程'
|
||
// ]
|
||
// }
|
||
|
||
|
||
// delete obj.like // 删除数据
|
||
|
||
// obj.test = "测试增加数据"
|
||
|
||
// console.log(obj);
|
||
|
||
|
||
|
||
// for in 循环
|
||
|
||
// for (var key in obj) {
|
||
// if (key == 'like') {
|
||
// for (var i = 0; i<obj[key].length; i++) {
|
||
// console.log( obj[key][i] );
|
||
// }
|
||
// } else {
|
||
// console.log(obj[key])
|
||
// }
|
||
// }
|
||
|
||
// console.log(obj.name);
|
||
|
||
|
||
</script>
|
||
|
||
</html> |