js实现new的过程

new一个对象发生了什么?

var append = 'to me';
function sayHello(who) {
	console.log(`${who} say hello, ${append}`);
	var append = 'to you';
	this.message = 'xxx'
}
let t = new sayHello('Mike')
console.log(t.__proto__===sayHello.prototype)
console.log(t.message)

运行结果:

Mike say hello, undefined
true
xxx

1. 像普通函数那样执行,形成私有作用域,进行形参赋值,变量提升等一系列操作
2. 默认创建一个对象,
3. 让这个对象成为当前类的实例,__proto__指向构造函数原型
4. 让函数中的this指向这个对象
5. 代码执行
6. 默认把创建的对象返回



实现一个_new函数,可以得到内置new一样的效果

function _new(Constructor,..args) {
	//let obj = {};
    //obj.__proto__ = Constructor.prototype;
	let obj = Object.create(Constructor.prototype); //和上面2行等效 
	Constructor.call(obj,...args);
	return obj;
}
let t = _new(sayHello,'Mike')
console.log(t.__proto__===sayHello.prototype)
console.log(t.message)
Mike say hello, undefined
true
xxx
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 JavaScript 中,使用 `new` 操作符来创建一个对象,并按照构造函数的定义进行初始化。下面是 `new` 操作符的全过程: 1. 创建一个空的新对象。 2. 将这个新对象的原型设置为构造函数的 `prototype` 属性。 3. 将构造函数的 `this` 绑定到新对象上。 4. 执行构造函数内部的代码,初始化新对象。 5. 如果构造函数返回一个对象,则返回该对象;否则返回新对象。 下面是一个例子: ```javascript function Person(name, age) { this.name = name; this.age = age; } const person = new Person("Tom", 20); ``` 在这个例子中,我们使用 `new` 操作符创建了一个 `Person` 对象。`new` 操作符创建了一个空的新对象,并将它的原型设置为 `Person.prototype`,然后将 `Person` 函数内部的 `this` 绑定到新对象上,执行构造函数内部的代码,最后返回新对象。在这个例子中,新对象的 `name` 和 `age` 属性分别被初始化为 `"Tom"` 和 `20`。 ### 回答2: JavaScript中使用`new`关键字创建一个对象的过程如下: 1. `new`关键字用于调用构造函数,创建一个新对象。 2. 创建一个空对象,并将其赋值给`this`关键字。 3. 将新对象的原型链指向构造函数的原型对象。 4. 执行构造函数内的代码,将属性和方法添加到新对象中。 5. 如果构造函数没有显式地返回一个对象,则返回新对象。 具体步骤如下所示: 1. 创建一个空对象。这个对象将成为新对象。 2. 将新对象的原型链指向构造函数的原型对象。可以通过构造函数的`prototype`属性访问到原型对象。 3. 使用`apply`或`call`方法执行构造函数,并将新对象作为构造函数的`this`值传递进去。这样构造函数内的代码可以操作新对象。 4. 如果构造函数没有返回一个对象,则返回新对象。如果构造函数显式地返回一个对象,那么返回的对象将取代新对象。 以下是一个使用`new`关键字创建一个对象的简单示例,构造函数为`Person`: ```javascript function Person(name, age) { this.name = name; this.age = age; } var person = new Person('John', 25); console.log(person.name); // 输出: "John" console.log(person.age); // 输出: 25 ``` 上述示例中,通过使用`new`关键字调用构造函数`Person`,创建了一个新对象`person`。`Person`构造函数内的代码将`name`和`age`属性添加到新对象中,并将其返回。最后,使用`person`对象可以访问到`name`和`age`属性的值。 ### 回答3: JSnew关键字是用来创建一个新的对象。它的过程包括以下几个步骤: 1. 创建一个新的空对象。这个新对象会继承自它的原型对象。 2. 将构造函数的作用域赋给这个新对象(即设置新对象的构造函数)。 3. 执行构造函数中的代码,以便对新对象进行初始化。这样,新对象就拥有了构造函数中定义的属性和方法。 4. 如果构造函数中有返回值,并且返回值是一个对象(非原始类型),那么新对象就会返回这个对象;否则,将会返回新创建的对象。 使用new关键字创建对象的例子如下: ```javascript function Person(name, age) { this.name = name; this.age = age; } let person1 = new Person('张三', 20); console.log(person1.name); // 输出:“张三” console.log(person1.age); // 输出:20 ``` 在这个例子中,我们定义了一个Person构造函数,它有两个参数name和age。当我们使用new关键字创建一个新的Person对象时,会依次执行上述的四个步骤。首先,会创建一个新的空对象,然后将构造函数的作用域赋给这个新对象。接着,会执行构造函数中的代码,将name和age赋值给新对象的相应属性。最后,返回这个新创建的对象。 通过使用new关键字,我们可以实现JS中创建自定义的对象,并对其进行初始化操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值