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

Posted 路宇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 使用对象字面量创建对象使用new Object创建对象相关的知识,希望对你有一定的参考价值。

前言:

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

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

  1. 键:相当于属性名
  2. 值:相当于属性值,可以是任意类型的值(数字类型,字符串类型,布尔类型,函数类型等)

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

<!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>

以上是关于JavaScript 使用对象字面量创建对象使用new Object创建对象的主要内容,如果未能解决你的问题,请参考以下文章

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

0145 JavaScript创建对象的三种方式 之 字面量:创建,访问对象的属性&方法,变量属性函数方法总结

javascript构造函数及原型对象

JavaScript高级 对象创建模式 object 对象字面量 工厂模式 自定义构造函数 构造函数+原型

JavaScript String

JavaScript中关于创建对象的笔记