• 理解实例、原型搜索顺序


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

    每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。

    搜索顺序首先从对象实例本身实例开始。如果在实例中找到了具有给定名字的属性,则返回该属性的值。

    如果没有找到,则继续搜索指针指向的原型对象,在原型对象中查找具有给定名字的属性,如果原型对象中中找到了这个属性,则返回该属性。

    但是我们发现一个问题,就是实例中的指针仅指向原型,而不指向构造函数,这里的"仅指向原型对象",为什么搜索顺序又是从对象实例开始,然后搜索原型对象呢?

    function Person(){ }

    Person.prototype.name="xiu";

    Person.prototype.sayName=function(){

                alert(this.name);

       };

    var friend = new Person();//创建一个实例对象

    friend.name="xie";           //为friend实例对象添加name属性

    friend.sayName=function(){//为friend实例对象添加sayName方法

              alert(this.name);

            }

    friend.sayName();// xie  会覆盖原型对象的name属性和sayName方法,搜索到的是对象实例中的方法

                             // 这就解释了为什么先从对象开始搜索

    --------------------------------------------------------------------------------------------------------------------

    function Person(){

                var name=22;

                function sayName(){

                         alert(this.name+10);

                   }

              }    //构造函数中有name属性和sayName方法

    Person.prototype.name=25;

    Person.prototype.sayName=function(){

                alert(this.name);

       };

    var friend = new Person();//创建一个实例对象

    friend.sayName(); //25   搜索到的是原型对象的sayName方法,而不是指向构造函数中的sayName方法。

                              //实例中的属性值和构造函数初始化的值没有什么关系,除非是用this指向,才能将构造函数初始化的值传递给实例。

    --------------------------------------------------------------------------------------------------------------------

    function Person(){

                this.name=22;

                this.sayName = function sayName(){

                        alert(this.name+10);

                      }

                }

    Person.prototype.name=25;

    Person.prototype.sayName=function(){

                       alert(this.name+5);

    };

    var friend = new Person();//创建一个实例对象

    friend.sayName(); // 32 实例属性和方法都在构造函数中定义(都加了this的,创建实例时就把这些属性给了实例对象)

    --------------------------------------------------------------------------------------------------------------------

    var name=7;

    function Person(){

               this.name=22;

                this.sayName = function sayName(){

                        alert(name+10);

                      }

                }

    Person.prototype.name=25;

    Person.prototype.sayName=function(){

                       alert(this.name+5);

    };

    var friend = new Person();//创建一个实例对象

    friend.sayName(); // 710 实例属性和方法都在构造函数中定义(都加了this的,创建实例时就把这些属性给了实例对象),在没有this的情况下,找到的是全局作用域中的name属性。

                              //同样,为什么变成string类型的,我也不知道为什么?

     经过测试:不管在实例还是在原型对象中,在sayName()方法里,name前如果没有this,全都指向全局作用域中的name属性

                                                                                       如果name前有this,则先找的是实例中的name值,如果没有,那么再找原型对象中的name值,如下面所示。

    ------------------------------------------------------------------------------------------------------------------------------------------

    function Person(){

                 this.name=22;

                 function sayName(){

                            alert(this.name+10);

                          }

               }

    Person.prototype.name=25;

    Person.prototype.sayName=function(){

                   alert(this.name+5);

    };

    var friend = new Person();//创建一个实例对象

    friend.sayName(); // 27 实例属性定义在构造函数中,方法没有给实例(没有加this),最后在原型中查找sayName方法,name属性就是存在实例中的那个。

    -------------------------------------------------------------------------------------------------------------------

    function Person(){}

    Person.prototype.name="xiu";

    Person.prototype.sayName=function(){

                alert(this.name);

       };

    var friend = new Person();//创建一个实例对象

    friend.sayName();//搜索的是原型对象的方法

  • 相关阅读:
    判断是否可以点击
    窗口截图
    设置等待操作
    时间控件处理
    eclipse小技巧
    Angular 学习1
    MVC 中引用Angularjs
    Bootstrap 侧边栏 导航栏
    C# 直接使用sql语句对数据库操作 (cmd.ExecuteNonQuery)
    sql 常用的语句(sql 创建表结构 修改列 清空表)
  • 原文地址:https://www.cnblogs.com/aixiuxiu/p/6506037.html
Copyright © 2020-2023  润新知