JavaScript基础知识点串联——对象

小半 • 2022年10月28日下午6:44 • 前端开发 • 阅读 167

1、对象

对象是一个具体的事物，看得见摸得着的实物。

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串，数值，数组，函数等。

对象是由属性和方法组成的

属性：事物的特征，在对象中用属性来表示（常用名词）
方法：事物的行为，在对象中用方法来表示（常用动词）

2、创建对象的三种方式

利用对象字面量创建对象｛｝

var star = {
name : '小猪佩奇',
age : 8,
sex : '男',
sayHi : function(){
alert('大家好啊~');
}
};

里面的属性或者方法我们才去键值对的形式
键相当于属性名；值相当于属性值，可以是任意类型的值属性名：值
多个属性或者方法中间用逗号隔开
方法冒号后面跟的是一个匿名函数

使用对象

console.log(star.name) // 调用名字属性
console.log(star['name']) // 调用名字属性
star.sayHi(); // 调用 sayHi 方法,注意，一定不要忘记带后面的括号

调用对象的属性我们采取对象名.属性名
调用属性还有一种方法对象名[‘属性名’]
调用对象的方法对象名.方法名（）千万别忘记加小括号

利用new Object 创建对象

var andy = new Obect();
andy.name = '小猪佩奇';
andy.age = 1;
andy.sex = '男';
andy.sayHi = function(){
alert('大家好啊~');
}

Object() ：第一个字母大写
new Object() ：需要 new 关键字
使用的格式：对象.属性 = 值;

利用构造函数创建对象

构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

在 js 中，使用构造函数要时要注意以下两点：

构造函数用于创建某一类对象，其首字母要大写
构造函数要和 new 一起使用才有意义

function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
this.sayHi = function() {
alert('我的名字叫：' + this.name + '，年龄：' + this.age + '，性别：' + this.sex);
}
}
var bigbai = new Person('大黄', 10, '男');
var smallbai = new Person('小黄', 11, '女');
console.log(bigy.name);
console.log(smally.name);

注意

1. 构造函数约定首字母大写。

2. 函数内的属性和方法前面需要添加 this ，表示当前对象的属性和方法。

3. 构造函数中不需要 return 返回结果。

4. 当我们创建对象的时候，必须用 new 来调用构造函数。