当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Javascript原型链的工作原理

Javascript原型链的工作原理

2017年12月21日  | 移动技术网IT编程  | 我要评论

Javascript原型链的工作原理解析案例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>prototype clone</title>
    </head>
    <body>
        <script>
            var baseClass=function(){
                  this.name="baseClass:name--->baseClass";
                  this.showMsg = function(){
                     console.log("baseClass::showMsg");   
                  }
                }
 
            var extendClass=function(){
                this.age="extendClass:age--->20";
                this.showMsg=function(){
                     console.log("extendClass::showMsg");   
                };
            }
 
            /*baseClass类为extendClass类的原型，extendClass可以使用所有的原型的方法，
             * 实现功能和属性扩展(类似java里面的继承)如果方法名一致，js引擎扫描从自身扫描开始，
             *如果扫描到则不进行向下扫描(原型链工作原理)
              * */
            extendClass.prototype = new baseClass();
            var instance = new extendClass();
            instance.showMsg(); // 显示baseClass::showMsg
            console.log(instance.name)
            console.log(instance.age)
        </script>
    </body>
</html>

这里写图片描述

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网