js new关键字的作用

简介: js new关键字的作用
  • 创建一个新对象,如:var person = {};
  • 新对象的_proto_属性指向构造函数的原型对象。
  • 将构造函数的作用域赋值给新对象。(也所以this对象指向新对象)
  • 执行构造函数内部的代码,将属性添加给person中的this对象。
  • 返回新对象person
// 定义一个构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
}
// 在原型上添加方法
Person.prototype.introduce = function() {
    console.log("我的名字 " + this.name + " 我的年龄 " + this.age + " 岁.");
};
// 使用 new 关键字创建一个新的对象实例
var person1 = new Person("张三", 25);
// 调用对象的方法
person1.introduce();
// 使用 new 关键字创建另一个新的对象实例
var person2 = new Person("李四", 30);
// 调用对象的方法
person2.introduce();

定义了一个名为 Person 的构造函数。通过使用 new 关键字来调用该构造函数,我们可以创建 Person 类的新对象实例 person1person2。每个对象都具有不同的姓名和年龄,并且可以通过调用对象的 introduce() 方法来介绍自己。

此外,我们还通过将方法添加到 Person 构造函数的原型上,实现了方法的共享。这意味着无论创建多少个 Person 对象实例,它们都可以共享相同的方法,从而提高了内存利用率。

目录
相关文章
|
4月前
|
JavaScript 前端开发 Java
【面试题】new 一个对象时,js 做了什么?
【面试题】new 一个对象时,js 做了什么?
|
2天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
8 1
|
9天前
|
JavaScript 前端开发
JavaScript 关键字
【5月更文挑战第2天】JavaScript 关键字。
18 2
|
13天前
|
JavaScript 前端开发
javascript中new关键字的本质是什么
javascript中new关键字的本质是什么
|
15天前
|
JavaScript 前端开发 数据安全/隐私保护
|
18天前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
8 1
|
2月前
|
JavaScript 前端开发 开发者
js开发:请解释什么是ES6的let和const关键字,以及它们与var关键字的区别。
ES6引入`let`和`const`替代`var`声明变量。`let`有块级作用域,存在暂时性死区,不进行变量提升,可重新赋值。`const`用于常量,值不可变但引用类型内容可变,同样有块级作用域和暂时性死区。与`var`主要区别在于作用域、变量提升和可变性。这些改进提高了代码的可预测性和安全性。
27 2
|
2月前
|
JavaScript 前端开发 算法
JavaScript 关键字 debugger 的作用和使用场景介绍
JavaScript 关键字 debugger 的作用和使用场景介绍
44 0
|
2月前
|
JavaScript 前端开发 编译器
编程笔记 html5&css&js 077 Javascript 关键字
编程笔记 html5&css&js 077 Javascript 关键字
|
4月前
|
存储 JavaScript 前端开发
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
69 0