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

93 阅读 0 评论 62 点赞

我是靠谱客的博主漂亮白昼，最近开发中收集的这篇文章主要介绍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>