Web前端：JavaScript---＞内置对象自定义对象*笔记


<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="huyiwei">
		<meta name="generator" content="HBuilder X">
		<title>对象title>
	head>
	<body>
		<script>
			var c = "panghu";
			var d = 123;
			
			//需求：表示一个人的信息 ： 姓名：name  性别：sex 年龄：age
			var name = "xiaonaihu";
			var sex = "男";
			var age = 20;
			
			//1.内置对象
			//2.宿主对象
			//3.自定义对象
			
			//var obj = new Object();
			var obj = new Object();
			console.log(obj);
			//给对象添加属性
			//语法：对象.属性名 = 属性值
			
			//在obj中添加一个name属性
			obj.name = "xiaonaihu";
			//在obj中添加一个sex属性
			obj.sex = "男";
			//在obj中添加一个age属性
			obj.age = 20;
			
			//读取属性
			//语法：对象.属性名
			console.log(obj.name);
			//如果读取对象中没有的属性，不会报错，而是返回一个undefined
			console.log(obj.nama);
			
			//修改属性
			//语法：对象.属性名 = 新值
			obj.name = "小奶虎";
			console.log(obj.name);
			
			//删除属性
			//语法：delete 对象.属性名
			delete obj.name;
			console.log(obj);
			
			obj.name = "胖虎";
			//属性名：没有太多的要求，需要和取名规范一致 数字不可以开头，但可以结尾
			// obj.123 = "xiaonaihu";//会报错--->Uncaught SyntaxError: Unexpected number
			//如果需要使用特殊的属性名，不能直接用.来操作，而是需要换另外一种方式
			//语法：对象["属性名"] = 属性值
			obj["123"] = "小奶虎";
			console.log(obj);
			
			//属性值：可以是任意的数据类型，还可以是对象
			var obj2 = new Object();
			obj2.name = "xiaohu";
			
			//将obj2设为obj的属性
			obj.test = obj2;
			console.log(obj);
			
			var obj3 = {};
			obj3.name = "huhu";
			
			//语法：{属性名：属性值}
			var obj4 = {name:"hyw" , age:20};
			
			
			//--->内置对象
			//function
			//1.创建
			//var fun = new function(形参，函数体);
			var fun = new Function("a","b","alert(a)");
			
			//调用--->函数名(实参)
			fun(100,200);
			//2.function 函数名(形参列表){函数体}
			function fun2(a,b){
				alert(a+b);
			}
			fun2(100,200);
			
			//3. var 函数名 = function(形参列表){函数体}
			var fun3 = function(a,b){
				alert(a+b);
			}
			fun3(100,200);
			//length:函数形参列表个数
			alert(fun3.length);
			//函数的重写(函数名一样)
			var fun3 = function(a,b){
				alert(a-b);
			}
			fun3(100,200);
			//调用离此处最近的函数
			
			//内置对象 ： arguments(数组)：封装所有的实参
			//需求：求两个数的和
			function add(a,b){
				return a+b;
			}
			var sum = add(100,200);
			alert(sum);
			
			//求任意数的和
			function add2(){
				//arguments[1]
				var sum = 0;
				for(var i = 0 ; i < arguments.length ; i++){
					sum += arguments[i];
				}
				return sum;
			}
			var s = fun3(100,200,100);
			alert(s);//100+200+100=400
			
			//创建数组
			//1. var arr = new Array(元素列表);
			//2. var arr = new Array(默认长度);
			//3. var arr = [元素列表];
			
			var arr1 = new Array(1,2,3);
			console.log(arr1);
			
			var arr2 = new Array(5);
			console.log(arr2);
			
			var arr3 = [1,2,3,4];
			console.log(arr3);
			
			//数组元素的类型是可变的
			arr3 = [1,"panghu",flase];
			console.log(arr3);
			
			//取出数组数据使用索引
			console.log(arr3[1]);
			
			//数组的长度可变
			console.log(arr3[3]);
			
			//给数组赋值
			arr3[11] = "huhu";
			console.log(arr3.length);//此时长度为12，可说明数组的长度可变
			
			//Date对象
			//var date = new Date();
			var date = new Date();
			console.log(date);
			console.log(date.toDateString());
			
			//日期--->毫秒值
			date.getTime();
		script>
	body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161

相关阅读:
Redis 最流行的图形化界面下载及使用超详细教程（带安装包）！ redis windows客户端下载
 初阶数据结构学习记录——둘 顺序表
 LeetCode-3067. 在带权树网络中统计可连接服务器对数目【树深度优先搜索数组】
jmeter 解决查看结果树响应内容中文乱码问题
 Nginx缓存基础
 golang面试题：对未初始化的的chan进行读写，会怎么样？为什么？
【网络安全】网络安全协议和防火墙
 深度学习(CNN+RNN)笔记2
业务：业务系统检查项参考
 java 自增问题字节码角度解释
原文地址：https://blog.csdn.net/weixin_55804957/article/details/127437993