JavaScript 使用对象字面量创建对象、使用new Object创建对象

路宇

已于 2023-01-07 09:41:42 修改

阅读量5.1k

点赞数 2

分类专栏： web前端基础笔记文章标签： javascript 前端创建对象 Object 对象名.属性名

于 2021-12-30 17:13:58 首次发布

本文链接：https://blog.csdn.net/lu202032/article/details/122241125

版权

web前端基础笔记专栏收录该内容

10 篇文章 1 订阅

订阅专栏

博主前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住也分享一下给大家，
👉点击跳转到网站

前言：

一、使用对象字面量创建对象

对象字面量：就是花括号{ }里面包含了表达这个具体事物(对象)的属性和方法。
{ }里面采取键值对的形式表示

键：相当于属性名
值：相当于属性值，可以是任意类型的值(数字类型，字符串类型，布尔类型，函数类型等)

演示代码如下，注释已经在代码中给出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//1.利用对象字面量创建对象{}
			var obj = {
				uname: '小明',
				age: 18,
				sex: '男',
				sayHi: function() {
					console.log('hi');
				}
			}
			//注意点：
			//1.里面的属性或者方法我们采取键值对的形式， 键 属性名 : 值 属性值
			//2.多个属性或者方法中间用逗号隔开
			//3.方法冒号后面跟的是一个匿名函数

			//2.使用对象
			//1.调用对象的属性，我们采取 对象名.属性名
			console.log(obj.uname);

			//2.调用属性还有一种方法，对象名['属性名']
			console.log(obj['age']);

			//3.调用对象的方法 sayHi   对象名.方法名()  方法名后小括号()
			obj.sayHi();
		</script>
	</body>
</html>

二、使用new Object创建对象

<script>
			//利用new Object创建对象
			var obj = new Object(); //创建一个空的对象
			obj.uname = 'hello World';
			obj.age = 20;
			obj.sex = '男';
			obj.sayHi = function() {
				console.log('hi~');
			}
			//1.我们是利用 等号=赋值的方法 添加对象的属性和方法
			//2.每个属性和方法之间用分号结束
			console.log(obj.uname);
			console.log(obj.age);
			console.log(obj['sex']);
			obj.sayHi()
</script>

路宇

关注

2
点赞
踩
19

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 使用对象字面量创建对象、使用new Object创建对象

前言：一、使用对象字面量创建对象对象字面量：就是花括号{ }里面包含了表达这个具体事物(对象)的属性和方法。{ }里面采取键值对的形式表示键：相当于属性名值：相当于属性值，可以是任意类型的值(数字类型，字符串类型，布尔类型，函数类型等)演示代码如下，注释已经在代码中给出<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>
复制链接

扫一扫