欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于new 操作符的相关问题讲解

程序员文章站 2022-04-05 14:38:32
...
以下就是new 操作符的一些问题,本篇将会解释起相关问题。

先看结果

function Person (name, age, job) {  this.name = name  this.age = age  this.job = job
}
Person.prototype.sayName = function () {  console.log(this.name)
}// 使用new操作符var p1 = new Person('laoyang', '22', 'coding')
p1 instanceof Person // true// 不使用new 操作符var p2 = new Object()
Person.call(p2, 'xiaoyang', '2', 'test')
p2.__proto__ = Person.prototype
p2 instanceof Person // true

比较不同

// 使用new 操作符直接创建实例var p1 = new Person('laoyang', '22', 'coding')
// 不使用new 操作符var p2 = new Object() 
// p2 创建成为一个对象 这时p2的原型是ObjectPerson.call(p2, 'xiaoyang', '2', 'test')
 // Person构造函数在 p2 对象的环境内执行 这时p2已经是一个具有Person属性的实例了,但原型是Objectp2.__proto__ = Person.prototype 
// 最后把Person.prototype 赋值给p2.__proto__,让p2的原型指向Person.prototype

不使用new 操作符创建实例的步骤:

Person.call(p2, 'xiaoyang', '2', 'test') // d

本篇展示了new操作符的相关问题,更多相关问题请关注。

相关推荐:

关于常见的JS函数问题的讲解

JavaScript相关函数的讲解

关于jquery DOM&事件的讲解

以上就是关于new 操作符的相关问题讲解的详细内容,更多请关注其它相关文章!