首页 / JAVASCRIPT / javaScript构造函数、原型、原型链

javaScript构造函数、原型、原型链

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javaScript构造函数、原型、原型链，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2967字，纯文字阅读大概需要5分钟。

内容图文

javaScript构造函数、原型、原型链

构造函数是一种特殊的函数，主要用来初始化对象，为对象成员赋初始值，它与new 一起使用。一般用于将公共属性和方法抽取出来，封装到函数中。

new 在执行时会做四件事：

  1. 在内存中创建一个新的空对象。
  2. 让this 指向这个新对象。
  3. 根据构造函数中的代码，为这个对象添加属性和方法。
  4. 返回这个新对象。（构造函数不需要return）
class Person {
    constructor(name, age){
        this.name = name
        this.age = age
    }

    say(){
        console.log('my name is ' + this.name)
    }
}
const jack = new Person('jack', 20)
jack.say()
// 打印 my name is jack

构造函数存在的问题：

如果直接在构造函数上添加方法，每次new一个新对象，会单独开辟一块新的内存空间。由于方法是通用的，每次new新对象都占用部分内存资源比较冗余浪费内存空间。因此在构造函数中定义方法一般会定义在它的原型链上，让所有new出来的新对象共享同一个对象上的方法。

构造函数的原型

  • 每个函数都有一个prototype 属性，这个prototype也是一个对象， 是JavaScript默认添加的，一般把这个对象称之为原型对象。而构造函数拥有这个原型对象所有的属性和方法。

  • 构造函数通过原型对象分配的函数是所有new出来的新对象共享的。因此在使用中我们可以把一些不变的方法直接定义在prototype对象上，让所有对象实例共享这些方法。

function Person(name){
    this.name = name
}
Person.prototype.say = function(){
    console.log('打印', 'my name is ' + this.name)
}
const jack = new Person('jack')
jack.say()
// 打印 my name is jack

对象原型

  • 每个对象都会有一个__proto__ 的属性，指向构造函数的prototype 原型对象。对象能使用构造函数的的原型对象prototype上的属性和方法，就是因为__proto__ 原型的存在。
  • __proto__ 对象原型和 prototype 构造函数原型是等价的。
  • __proto__ 对象原型的意义在于为对象的查找机制提供一个方向，或者说一条路线。但是它是一个非标准属性，在实际开发中，不可以使用这个属性，他的作用只是指向内部函数原型prototype
const obj =  {name : 'xiaowang'}
console.log('打印', obj)
// 打印
Object
name: "xiaowang"
__proto__:
constructor: ? Object()
__defineGetter__: ? __defineGetter__()
__defineSetter__: ? __defineSetter__()
hasOwnProperty: ? hasOwnProperty()
__lookupGetter__: ? __lookupGetter__()
__lookupSetter__: ? __lookupSetter__()
isPrototypeOf: ? isPrototypeOf()
propertyIsEnumerable: ? propertyIsEnumerable()
toString: ? toString()
valueOf: ? valueOf()
toLocaleString: ? toLocaleString()
get __proto__: ? __proto__()
set __proto__: ? __proto__()

constructor 构造函数

  • 对象原型（__proto__ ）和构造函数原型（prototype）里面都有一个constructor属性。constructor 称之为构造函数，它指回构造函数本身。
  • constructor 主要用于记录该对象引用自哪个构造函数，它可以让原型对象重新指向原来的构造函数。
function fn(){}
console.log("打印", fn.prototype );
// 打印
{constructor: ?}
constructor: ? fn()
__proto__: Object

console.log('打印', tom.__proto__)
// 打印
{constructor: ?}
constructor: ? Person(name)
__proto__: Object

原型链

1.构造函数的原型protoptype指向Object的原型，Object的原型__proto__指向null。
2.对象实例的原型__proto__指向构造函数的原型prototype。

方法与属性的查找规则

查找对象本身的__proto__ 上的方法 => 查找原型对象prototype 上的方法 => 查找Object对象的__proto__ 上的方法，如果Object上没有则指向 null

内容总结

以上是互联网集市为您收集整理的javaScript构造函数、原型、原型链全部内容，希望文章能够帮你解决javaScript构造函数、原型、原型链所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/637144.html

来源：【匿名】