Javascript原型、构造函数、实例的关系

内容导读

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

内容图文

1. 原型、构造函数、实例的关系

1. 原型:
   • 原型通过constructor指向构造函数,原型如果是自定义对象且没有明确将constructor指向构造函数,则原型的constructor指向函数的基类Function。
   • 原型通过方法isPrototypeOf检查是否和实例之间有关系;
2. 构造函数:
   • 构造函数的prototype指向原型
   • 因为构造函数和原型可以生成多个实例，所以它两者不关心其所对应的实例,没有直接获取其对应实例的途径。
3. 实例
   • 实例的__proto__检查指向其原型;
   • 实例的constructor检查是否和构造函数有关系
   • 实例通过Object.getPrototypeOf(实例)可以查看其原型是谁
   • 实例和原型的constructor都明确的指向构造函数,但原型如果是自定义对象且没有明确将constructor指向构造函数,则原型的constructor指向函数的基类Function。

2. 实例化的过程

1. 创建一个对象
2. 创建__proto__属性指向构造函数的prototype属性,创建constructor属性指向自己的构造函数;

3. 将构造函数的所有私有属性方法复制到自己身上;
   以下为函数实现:

    function Move(name) {
        this.name = name
        this.say = function() {
            console.log('hello,say')
        }
    }
    Move.prototype.age = 23;
    let s  = new Move('tt');
    console.log(s);
   // new关键字的函数实现
    function newFunc(fn,...rest) {
        let obj = {};                            
        obj.constructor = fn;                 
        obj.__proto__ = fn.prototype;
        fn.call(obj,rest);                       
        return obj;
    }
   
    let newS = newFunc(Move, 'tt')
    console.log(newS) 

3. 扩展

对象两两不相等，因为他们指针所对应的实际存储位置不一致，如果一致，也是相等的。

    function Move() {}
    let obj = {age: 23}
    Move.prototype = obj;
    var m = new Move()

    console.log(Move.prototype === m.__proto__)    // true
    console.log(Move.prototype === obj)            // true
    console.log(m.__proto__ === obj)               // true
    console.log(obj.isPrototypeOf(m))              // true
    console.log(Object.getPrototypeOf(m))          // { age: 23 }

内容总结

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

内容备注

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

内容手机端