JavaScript如何创建一个对象？对象字面量和构造函数创建对象有什么区别？
JavaScript 创建对象的方式
在 JavaScript 中，有多种方式可以创建对象，这里主要介绍对象字面量和构造函数这两种常见的方式。
1. 对象字面量
对象字面量就像是你直接“画”出一个对象。你可以用一对花括号 {} 来创建一个对象，在花括号里面可以直接定义对象的属性和方法。这种方式非常直观，就像你直接告诉别人这个对象有什么“东西”（属性和方法）。
代码示例：
// 使用对象字面量创建一个人对象
let person = {// 定义属性name: '张三',age: 25,// 定义方法sayHello: function() {console.log('你好，我是'+ this.name + '，今年'+ this.age + '岁。');}
};// 调用对象的方法
person.sayHello();
在这个例子中，我们用对象字面量创建了一个 person 对象，它有 name 和 age 属性，还有一个 sayHello 方法。
2. 构造函数
构造函数就像是一个“对象工厂”。你先定义一个函数，这个函数就像是一个模板，然后通过 new 关键字来使用这个模板创建多个对象。每个用这个模板创建的对象都有相同的结构，但属性值可以不同。
代码示例：
// 定义一个构造函数
function Person(name, age) {// 定义属性this.name = name;this.age = age;// 定义方法this.sayHello = function() {console.log('你好，我是'+ this.name + '，今年'+ this.age + '岁。');};
}// 使用构造函数创建对象
let person1 = new Person('张三', 25);
let person2 = new Person('李四', 30);// 调用对象的方法
person1.sayHello();
person2.sayHello();
在这个例子中，Person 就是一个构造函数，我们用它创建了 person1 和 person2 两个对象，它们都有 name、age 属性和 sayHello 方法，但具体的属性值不同。
对象字面量和构造函数创建对象的区别
1. 创建方式的直观性
- 对象字面量：非常直观，就像直接在纸上写出对象的样子，一眼就能看出对象有哪些属性和方法。适合创建单个、简单的对象。
- 构造函数：需要先定义一个函数作为模板，然后再用
new关键字创建对象。相对来说没那么直观，但适合创建多个具有相同结构的对象。
2. 代码复用性
- 对象字面量：如果要创建多个结构相同的对象，每个对象都需要重新写一遍属性和方法的定义，代码复用性低。
// 创建两个结构相同的对象，需要重复写属性和方法
let personA = {name: '张三',age: 25,sayHello: function() {console.log('你好，我是'+ this.name + '，今年'+ this.age + '岁。');}
};let personB = {name: '李四',age: 30,sayHello: function() {console.log('你好，我是'+ this.name + '，今年'+ this.age + '岁。');}
};
- 构造函数：可以通过一个构造函数创建多个对象，只需要定义一次属性和方法，代码复用性高。
function Person(name, age) {this.name = name;this.age = age;this.sayHello = function() {console.log('你好，我是'+ this.name + '，今年'+ this.age + '岁。');};
}let person1 = new Person('张三', 25);
let person2 = new Person('李四', 30);
3. 原型和继承方面
- 对象字面量：每个对象字面量创建的对象都有自己独立的属性和方法，没有明显的原型和继承关系。
let obj1 = { key: 'value1' };
let obj2 = { key: 'value2' };
// obj1 和 obj2 之间没有继承关系
- 构造函数：通过构造函数创建的对象会继承构造函数原型上的属性和方法。可以利用原型链实现对象间的继承，提高代码的可扩展性。
function Person(name) {this.name = name;
}// 给 Person 的原型添加方法
Person.prototype.sayHello = function() {console.log('你好，我是'+ this.name);
};let person = new Person('张三');
// person 对象继承了 Person 原型上的 sayHello 方法
person.sayHello();
那么构造函数创建对象时，this的指向是如何确定的？
在 JavaScript 里，使用构造函数创建对象时，this 的指向有着特定的规则，下面详细解释并通过代码示例说明。
基本原理
当使用 new 关键字调用构造函数创建对象时，this 指向新创建的对象。可以把构造函数想象成一个“对象加工厂”，new 关键字就是启动这个加工厂的按钮，当按下按钮后，加工厂会生产出一个新的对象，而 this 就像是这个新对象的“代言人”，在构造函数里对 this 进行操作，其实就是在对新创建的对象进行操作。
代码示例
// 定义一个构造函数 Person
function Person(name, age) {// 这里的 this 指向新创建的对象this.name = name;this.age = age;this.sayHello = function() {console.log(`你好，我是 ${this.name}，今年 ${this.age} 岁。`);};
}// 使用 new 关键字调用构造函数创建对象
let person1 = new Person('张三', 25);
let person2 = new Person('李四', 30);// 调用对象的方法
person1.sayHello();
person2.sayHello();
在上面的代码中：
- 当执行
let person1 = new Person('张三', 25);时，new关键字做了以下几件事：- 创建一个新对象。
- 让
this指向这个新对象。 - 执行构造函数
Person里的代码，也就是把name和age属性添加到新对象上，同时添加sayHello方法。 - 如果构造函数没有显式返回一个对象，那么就返回
this所指向的新对象。所以最终person1就是这个新创建的对象。
- 同理，
let person2 = new Person('李四', 30);也创建了一个新对象，this指向这个新对象，并且给这个新对象添加了相应的属性和方法。
特殊情况
如果构造函数显式返回了一个对象，那么 new 表达式的结果就是这个返回的对象，而不是 this 所指向的对象。但如果返回的不是一个对象（比如返回基本数据类型），那么还是会返回 this 所指向的对象。
显式返回对象的情况
function Car() {this.brand = '丰田';// 显式返回一个对象return {brand: '宝马'};
}let myCar = new Car();
console.log(myCar.brand); // 输出: 宝马
在这个例子中，构造函数 Car 显式返回了一个对象 { brand: '宝马' }，所以 myCar 就是这个返回的对象，而不是 this 所指向的原本要创建的对象。
显式返回基本数据类型的情况
function Dog() {this.name = '旺财';// 显式返回一个基本数据类型return 123;
}let myDog = new Dog();
console.log(myDog.name); // 输出: 旺财
这里构造函数 Dog 显式返回了一个基本数据类型 123，但 new Dog() 还是返回了 this 所指向的对象，所以 myDog 就是原本要创建的对象，包含 name 属性。
JavaScript中this的概念和作用
在 JavaScript 里，this 是一个非常重要且有些复杂的概念，它就像一个灵活的“指针”，在不同的场景下会指向不同的对象。下面详细解释 this 的概念、作用以及在不同场景下的指向。
概念
this 是 JavaScript 中的一个关键字，它是一个特殊的对象引用，在代码运行时会根据函数的调用方式动态地指向不同的对象。简单来说，this 就像是一个“替身”，代表着当前执行代码所处的上下文对象。
作用
this 的主要作用是让函数可以灵活地访问和操作不同的对象，提高代码的复用性和灵活性。通过 this，函数可以根据调用它的对象来动态地获取和修改对象的属性和方法。
不同场景下 this 的指向
1. 全局作用域中
在全局作用域中，this 指向全局对象。在浏览器环境中，全局对象是 window 对象；在 Node.js 环境中，全局对象是 global 对象。
// 在浏览器环境中
console.log(this === window); // 输出: true// 定义一个全局变量
var globalVar = '我是全局变量';
// 可以通过 this 访问全局变量
console.log(this.globalVar); // 输出: 我是全局变量
2. 函数内部
- 普通函数调用：当函数作为普通函数调用时，
this指向全局对象（在严格模式下，this为undefined）。
function test() {console.log(this);
}test();
// 在浏览器环境中，输出: Window 对象
在严格模式下：
'use strict';
function test() {console.log(this);
}test();
// 输出: undefined
- 方法调用：当函数作为对象的方法调用时，
this指向调用该方法的对象。
const person = {name: '张三',sayHello: function() {console.log('你好，我是'+ this.name);}
};person.sayHello();
// 输出: 你好，我是 张三
这里 sayHello 方法是作为 person 对象的方法调用的，所以 this 指向 person 对象。
3. 构造函数中
当使用 new 关键字调用构造函数创建对象时，this 指向新创建的对象。
function Person(name) {this.name = name;this.sayHello = function() {console.log('你好，我是'+ this.name);};
}const person1 = new Person('李四');
person1.sayHello();
// 输出: 你好，我是 李四
在 Person 构造函数中，this 指向新创建的 person1 对象。
4. 箭头函数中
箭头函数没有自己的 this，它的 this 继承自外层函数（定义时的上下文）。
const obj = {name: '王五',sayHello: function() {const arrowFunc = () => {console.log('你好，我是'+ this.name);};arrowFunc();}
};obj.sayHello();
// 输出: 你好，我是 王五
在这个例子中，箭头函数 arrowFunc 中的 this 继承自外层的 sayHello 函数，而 sayHello 函数作为 obj 对象的方法调用，所以 this 指向 obj 对象。
5. call、apply 和 bind 方法中
call、apply和bind是函数的三个方法，它们可以用来显式地指定函数内部this的指向。call和apply方法会立即调用函数，并指定this的值。区别在于call方法接收参数列表，而apply方法接收一个数组作为参数。
function greet(message) {console.log(message + '，我是'+ this.name);
}const personA = { name: '赵六' };
const personB = { name: '孙七' };// 使用 call 方法
greet.call(personA, '你好');
// 输出: 你好，我是 赵六// 使用 apply 方法
greet.apply(personB, ['哈喽']);
// 输出: 哈喽，我是 孙七
bind方法会创建一个新的函数，在调用时this值会被绑定到指定的对象上，但不会立即调用函数。
function greet(message) {console.log(message + '，我是'+ this.name);
}const personC = { name: '周八' };
const boundGreet = greet.bind(personC);
boundGreet('嗨');
// 输出: 嗨，我是 周八
综上所述，this 的指向取决于函数的调用方式，理解不同场景下 this 的指向是掌握 JavaScript 的关键之一。
![[Android]让APP进入后台后不被杀掉（保活）](http://pic.xiahunao.cn/nshx/[Android]让APP进入后台后不被杀掉（保活）)
