JavaScript 使用对象字面量创建对象使用new Object创建对象
Posted 路宇
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 使用对象字面量创建对象使用new Object创建对象相关的知识,希望对你有一定的参考价值。
前言:
一、使用对象字面量创建对象
对象字面量: 就是花括号 里面包含了表达这个具体事物(对象)的属性和方法。
里面采取键值对的形式表示
- 键:相当于属性名
- 值:相当于属性值,可以是任意类型的值(数字类型,字符串类型,布尔类型,函数类型等)
演示代码如下,注释已经在代码中给出
<!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创建对象的三种方式 之 字面量:创建,访问对象的属性&方法,变量属性函数方法总结