2021-05-15原型对象和原型链的理解

最新推荐文章于 2024-09-16 08:47:17 发布

>远山有灯<

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量103

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45891289/article/details/116851960

版权

原型对象和原型链的理解

前言

对于前端初学者的我来说，JavaScript的原型是一个头疼的问题，在学习过程中容易混淆prototype和__proto__之间的关系，他们的各种指向也让人缭乱。
prototype和__proto__之间关系还处于迷糊之中，又出现了一个原型链，这就让我更加缭乱了。在查阅资料后，有了一些浅显地理解，错误之处望各位指教！

一、prototype原型对象

1.概念：在JavaScript中，我们声明一个函数, 那么浏览器就会在内存中创建一个对象，而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即：prototype的属性的值是这个对象 )。这个对象就是函数的原型对象，简称函数的原型。

2.作用：开发中常有一些公共方法，而这些方法我们可以通过添加到构造函数的原型对象prototype上，这样构造函数构造的对象都可共享这些方法。

function Fn1(name) {
      this.name = name;
    }
 // 可已将方法保存到原型对象上,实例化对象也可以访问,但是不用保存,节省内存
    Fn1.prototype.say = function () {
      console.log(this.name + '喜欢丝袜奶茶!');
    }
    let f3 = new Fn1('zs');
    let f4 = new Fn1('ls');
    console.log(f3, f4);
    f3.say();
    f4.say();

二、对象原型proto

1.只要是对象即存在__proto__，指向构造函数的原型对象。
2.之所以我们对象可以使用构造函数prototype原型对象的属性和方法,就是因为对象有_ proto 原型的存在。

function Fn1(name) {
      this.name = name;
    }
 // 可已将方法保存到原型对象上,实例化对象也可以访问,但是不用保存,节省内存
    Fn1.prototype.say = function () {
      console.log(this.name + '喜欢丝袜奶茶!');
    }
    let f3 = new Fn1('zs');
    let f4 = new Fn1('ls');
    console.log(f3, f4);
    f3.say();
    f4.say();