带你了解 JavaScript 中的对象
基本概念
对象指的就是一个具体的事物，在JavaScript中, 字符串, 数值, 数组, 函数都是对象
每个对象中包含若干的属性和方法
属性: 事物的特征
方法: 事物的行为
1.使用字面量创建对象
使用{ }创建对象
属性和方法使用键值对的形式来组织
键值对之间使用,分割，最后一个属性后面的,可以省略
键和值之间使用:分割，方法的值是一个匿名函数
示例代码
let a = {}
let student = {
name: "liaofeiyang",
height: "170",
weight: "60kg",
sayHello:function() {
console.log("hello")
}
}
访问对象的属性
1.使用
.成员访问运算符来访问属性
2.使用[ ]访问属性, 此时属性需要加上引号
console.log(student.name)
console.log(student['height'])
console.log(student['weight'])
调用对象的方法
student.sayHello()
2.使用new Object创建对象
示例代码
let student = new Object()
student.name = "fly"
student.height = 180
student['weight']= 75
student.SayHello = function() {
console.log("Say Hello")
}
console.log(student.name)
console.log(student['height'])
student.SayHello()
注：可以随时使用student.name = "fly"; 这样的方式来新增属性
运行结果
3.使用构造函数创建对象
优势: 使用构造函数可以快速批量的创建对象，而上述前面的2个创建对象的方式一次只能创建一个对象
基本语法
function 构造函数名(形参) {
this.属性 = 值;
this.方法 = function...
}
let fly = new 构造函数名(实参);
注意事项：
在构造函数内部使用
this关键字来表示当前正在构建的对象
构造函数的函数名首字母一般是大写的
构造函数的函数名可以是名词
创建对象的时候必须使用new关键字
示例代码
function People(name, height, weight) {
this.name = name
this.height = height
this.weight = weight
this.Say = function() {
console.log(name + " say hello")
}
}
let xiaoming = new People("小明", 172, 65)
let zhangsan = new People("张三", 169, 74)
console.log(xiaoming)
xiaoming.Say()
console.log(zhangsan)
zhangsan.Say()
运行结果
