【JavaScript】面向对象编程与类

最新推荐文章于 2024-10-15 09:57:04 发布

Doreamon_su

最新推荐文章于 2024-10-15 09:57:04 发布

阅读量96

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_27662147/article/details/119884137

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中创建对象的四种方法：字面量创建、new Object创建、构造函数创建和Object.create创建。通过实例展示了每种方式的用法，包括属性赋值和调用方法，帮助理解不同创建方式的适用场景。

摘要由CSDN通过智能技术生成

1. 什么是对象

2. 创建对象的三种方式

2.1 利用字面量创建对象

对象字面量：就是花括号{}里面包含了表达这个具体事务（对象）的属性和方法

创建对象

//使用字面量创建对象
var obj = {
	name: '张三',
   	age: 18,
   	sex: '男'
   	sayHi: function(){
   		console.log('hi~');
   }
}

调用对象

调用对象的属性： 对象名.属性名或者对象名['属性名']

console.log(obj.name) //'张三'

调用对象的方法：对象名.方法名()

obj.sayHi();

2.2 利用new Object 创建对象

var obj = new Object(); //创建一个空对象
obj.name = '张三';  //利用等号赋值属性与方法
obj.age = 18;
obj.sex = '男';
obj.sayHi = function(){
	console.log('hi~');
}

2.3 利用构造函数创建对象

构造函数：把对象相同的属性和方法抽象出来封装到函数里面

function 构造函数名(){ //构造函数名字首字母要大写
	this.属性 = 值;
	this.方法 = function(){}
}
//调用构造函数
new 构造函数名();
//例
function Person(name,age,sex){
	this.name = name;
	this.age = age;
	this.sex = sex;
}
var p1 = new Person('张三',18,'男');

2.4 Object.create() 创建实例对象

构造函数作为模板，可以生成实例对象。但是，有时拿不到构造函数，只能拿到一个现有的对象。我们希望以这个现有的对象作为模板，生成新的实例对象，这时就可以使用Object.create()方法

var person1 = {
  name: '张三',
  age: 38,
  greeting: function() {
    console.log('Hi! I\'m ' + this.name + '.');
  }
};

var person2 = Object.create(person1);

person2.name // 张三
person2.greeting() // Hi! I'm 张三.