112 lines
2.1 KiB
HTML
112 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>引用数据类型</title>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
</body>
|
||
<script>
|
||
// 引用数据类型
|
||
// 对象(Object)、数组(Array)、函数(Function)
|
||
|
||
|
||
// 数组
|
||
// 概念：就是一组数据的集合
|
||
// 下标，从0开始
|
||
|
||
// 三种
|
||
// var arr = new Array();
|
||
// arr[0] = "哈哈哈1"
|
||
// arr[1] = "哈哈哈2"
|
||
// arr[2] = "哈哈哈3"
|
||
|
||
// 数组都具有 length 长度属性
|
||
// console.log(arr.length);
|
||
|
||
|
||
// var arr = new Array("哈哈哈1", "哈哈哈2", "哈哈哈3")
|
||
|
||
// var arr = ["哈哈哈1", "哈哈哈2", "哈哈哈3"]
|
||
// var test = ["哈哈哈4", "哈哈哈5"]
|
||
|
||
// for (var index = 0; index < test.length; index++) {
|
||
// arr.push(test[index])
|
||
// }
|
||
|
||
// console.log(
|
||
// [
|
||
// ...arr,
|
||
// ...test
|
||
// ]
|
||
// );
|
||
|
||
|
||
|
||
// console.log(arr.concat(test));
|
||
|
||
|
||
// 对象
|
||
// 用 key value 来存储数据
|
||
|
||
// var obj = new Object();
|
||
// obj.name = "刘兵"
|
||
// obj.age = "18"
|
||
|
||
// var obj = new Object({
|
||
// name: '刘兵',
|
||
// age: 18
|
||
// });
|
||
|
||
// var obj = {
|
||
// name: '刘兵',
|
||
// age: 18,
|
||
// }
|
||
// console.log(obj.age);
|
||
// console.log(obj['age']);
|
||
|
||
|
||
// for in
|
||
|
||
// for (const key in obj) {
|
||
// console.log(obj[key]);
|
||
// }
|
||
|
||
// 面向 对象 编程
|
||
// 万物 皆 对象
|
||
// 对象(类)：对一个事物的具体描述的集合
|
||
|
||
var car = {
|
||
color: 'red',
|
||
speed: '7.3s',
|
||
start: () => {
|
||
|
||
},
|
||
stop: () => { }
|
||
}
|
||
|
||
|
||
// class 类
|
||
// 三大特征
|
||
// TODO 留坑.......
|
||
// 封装
|
||
// 继承
|
||
// 多态
|
||
|
||
class car {
|
||
color = 'red';
|
||
speed = '7.3s';
|
||
start() { }
|
||
stop() { }
|
||
}
|
||
|
||
</script>
|
||
|
||
</html>
|