登录  /  注册
首页 > web前端 > js教程 > 正文

js原型对象和原型链的分析介绍(附代码)

不言
发布: 2018-08-15 15:51:52
原创
1350人浏览过

本篇文章给大家带来的内容是关于js原型和原型链的知识介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

先声明一个构造函数

function People(name,age){
        this.name = name;
        this.age = age;
    }
登录后复制

把类的方法写在构造函数原型对象中,子类就不能再通过调用父类构造函数来继承方法(属性还是可以继承)

// 给People的原型添加方法
People.prototype.speak = function(){
        console.log("我是"+this.name);
    }
// 创建子类继承People
function Man(name,age,huzi){
        People.call(this,name,age);
        this.huzi = huzi;
    }
登录后复制

(People和Man的属性和方法都可以输出和调用查看,代码里就不展示测试代码了)

这时候怎么让Man去继承People的方法?

Man.prototype = People.prototype;
    Man.prototype.smoke = function(){
        console.log("抽烟");
    }
登录后复制

然而这样并不对!不能直接把子类的prototype指向父类的prototype,这样会导致两个构造函数共用一个prototype,其中的方法父类子类的对象都可访问,而正确的情况应该是子类可以访问父类的方法,而父类不能访问子类的方法

js对象的原型也是对象,所以js原型也有原型.

当访问一个对象的方法时,如果对象中存在则直接访问,如果不存在则在对象的原型中寻找,有则访问,没有则在原型的原型中寻找,如果还没有则继续网上寻找,直到找到Object位置

Object是一个类(构造函数),这个类的对象的原型没有原型

js对象的原型,与js原型的原型组成的链式结构叫做js原型链

子类要继承父类的方法,则需要把子类的构造函数的prototype对象的原型(__proto__)设置为父类构造函数的prototype

那么就是这么写:

Man.prototype.__proto__ = People.prototype;
登录后复制

这样写可以,但官方给的有个更好标准的写法(这样写并没错)

// Object.create用于指定原型创建一个对象(空对象)
    Man.prototype = Object.create(People.prototype);
    Man.prototype.smoke = function(){
        console.log("抽烟");
    }
登录后复制

子类继承父类时,除了可以扩展新的方法,还可以重写父类已有的方法,当使用子类对象调用重写的方法时,会执行子类自己的方法

Man.prototype.speak = function(){
        console.log("我是男性");
    }
登录后复制

 相关推荐:

JS核心系列:浅谈原型对象和原型链

js中的作用域链和原型链以及原型继承

js的原型及原型链详解

学习javascript面向对象 理解javascript原型和原型链_javascript技巧

以上就是js原型对象和原型链的分析介绍(附代码)的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号