继承

作者: Jeff12138 | 来源:发表于2017-10-05 22:37 被阅读0次

    11、继承有什么作用?

    继承是指一个对象直接使用另一对象的属性和方法。
    通过继承,使得子类可以直接调用父类的属性和方法,而不需要另外重新定义一次。这样做既精简了代码,减少了内存的使用,又提升了代码的复用性和工作效率。

    12、下面两种写法有什么区别?

    //方法1
    function People(name, sex){
        this.name = name;
        this.sex = sex;
        this.printName = function(){
            console.log(this.name);
        }
    }
    var p1 = new People('饥人谷', 2)
    
    //方法2
    function Person(name, sex){
        this.name = name;
        this.sex = sex;
    }
    
    Person.prototype.printName = function(){
        console.log(this.name);
    }
    var p1 = new Person('若愚', 27);
    

    方法1中的printName为构造函数People自身的属性,每次创建新的实例对象时,都会将这个属性传入一次。当需要创建大量实例对象时,会造成内存的浪费,降低代码的工作效率;
    而方法2中,printName方法被存放到了Person.prototype里,这样在创建新的实例对象时,每个实例对象的proto都指向了Person的原型属性prototype,即能够直接调用printName方法,从而减少了对象的使用和内存的浪费。

    13、Object.create 有什么作用?兼容性如何?

    Object.create可以使用指定的原型对象及其属性去创建一个新的对象,从而实现方法的获取和继承。
    它的兼容性较好,各大主流浏览器、IE9及以上版本浏览器均能够支持。

    14、hasOwnProperty有什么作用? 如何使用?

    hasOwnPerperty是Object.prototype的一个方法。
    它可以用于判断一个对象是否包含自定义属性而不是原型链上的属性,并返回一个布尔值。如果该属性或方法是属于其自身的,返回true;如果是属于原型的,则返回false。
    hasOwnProperty是JavaScript中唯一一个处理属性但是不查找原型链的函数。
    示例代码如下:

    function Person(name){
      this.name = name
    }
    p = new Person('XiaoMing')
    p.hasOwnProperty('name')     //true
    p.hasOwnProperty('toString')     //false
    p.hasOwnProperty('hasOwnProperty')     //false
    

    15、如下代码中call的作用是什么?

    function Person(name, sex){
        this.name = name;
        this.sex = sex;
    }
    function Male(name, sex, age){
        Person.call(this, name, sex);    //这里call的作用是将this指向的对象改为Male的实例对象,使得Male得以继承Person的属性
        this.age = age;
    }
    

    16、补全代码,实现继承。

    function Person(name, sex){
      this.name = name
      this.sex = sex
    }
    Person.prototype.getName = function(){
      console.log(this.name)
    }
    function Male(name, sex, age){
      Person.call(this, name, sex)
      this.age = age
    }
    Male.prototype = Object.create(Person.prototype)
    Male.prototype.constructor = Male
    Male.prototype.getAge = function(){
      console.log(this.age)
    }
    var ruoyu = new Male('若愚', '男', 27)
    ruoyu.getName()

    相关文章

      网友评论

          本文标题:继承

          本文链接:https://www.haomeiwen.com/subject/ilmcyxtx.html