原型和原型链

  • JavaScript是一种基于原型的编程语言,其核心概念是原型和原型链。原型是JavaScript中的一个重要概念,它是一个对象,用于存储共享属性和方法。原型链是一种机制,它允许对象继承其原型的属性和方法,同时也允许对象访问其原型的属性和方法。原型
    
    在JavaScript中,每个对象都有一个原型对象。原型对象是一个普通的JavaScript对象,它包含了对象的共享属性和方法。当我们创建一个新的对象时,它会自动继承其原型对象的属性和方法。我们可以通过Object.getPrototypeOf()方法来获取一个对象的原型对象。
    
    例如,我们可以创建一个Person对象,并为其添加一个sayHello方法:
    
    
    
    function Person(name) {
      this.name = name;
    }
    
    Person.prototype.sayHello = function() {
      console.log('Hello, my name is ' + this.name);
    };
    
    var person = new Person('John');
    person.sayHello(); // 输出 "Hello, my name is John"
    
    在这个例子中,我们通过将方法添加到Person的原型对象上,使所有的Person对象都可以访问该方法。这样,我们就可以在任何Person对象上调用sayHello方法。
    
    原型链
    
    原型链是一种机制,它允许对象继承其原型的属性和方法。当我们访问一个对象的属性或方法时,JavaScript会先搜索该对象本身是否有该属性或方法,如果没有,就会继续搜索该对象的原型对象,直到找到该属性或方法。
    
    例如,我们可以创建一个Student对象,并使其继承自Person对象:
    
    
    function Student(name, grade) {
      Person.call(this, name);
      this.grade = grade;
    }
    
    Student.prototype = Object.create(Person.prototype);
    Student.prototype.constructor = Student;
    
    Student.prototype.sayGrade = function() {
      console.log('My grade is ' + this.grade);
    };
    
    var student = new Student('Jane', 'A');
    student.sayHello(); // 输出 "Hello, my name is Jane"
    student.sayGrade(); // 输出 "My grade is A"
    
    在这个例子中,我们使用Object.create()方法来创建一个新的对象,使其原型指向Person的原型对象。这样,Student对象就可以继承Person对象的属性和方法。我们还需要将Student的构造函数指向自身,以便正确地创建新的Student对象。
    
    总结
    
    原型和原型链是JavaScript中的重要概念,它们允许我们创建可重用的代码,并使对象之间可以继承和共享属性和方法。理解原型和原型链是成为一个优秀的JavaScript开发人员的必要条件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值