用生活中的例子解释什么是js原型链和闭包

js 原型链  --->家族遗传

原型链  :就像是家族的遗传关系,子代继承了父代的特征,可以在这个基础上进一步发展。

想象你有一个大家族,家族中每个人都可以继承他们父母的某些特征。比如:

  • 祖父母有一套传统的家族菜谱。
  • 父母继承了这些菜谱,并且可以根据自己的口味进行一些调整。
  • 也继承了这些菜谱,但可以在这个基础上进行进一步的修改或创新。

在这个例子中:

  • 祖父母代表的是最顶层的原型。
  • 父母代表的是从祖父母那里继承了特征的中间层。
  • 则代表了最终的对象,继承了父母的特征,也可以拥有自己的变化。

在 JavaScript 中,原型链就是这样的继承关系。对象通过原型链继承了属性和方法,也可以对这些继承的特征进行修改或扩展。

function Person(name) {
    this.name = name;
}

Person.protype.sayHello = function() {
    console.log('Hello, my name is' + this.name);
};


const john = new Person('John');

john.sayHello();  // Hello, my name is John

js 闭包 -----> 保密箱 

闭包:就像是一个有密码的保险箱,内部的数据(私有变量)可以通过特定的方式(访问函数)进行访问和操作,即使外部函数已经结束

假设你有一个保密箱,用来存放一些重要的东西,比如你的私人日记,你这个保密箱放在家里,只有你自己知道密码。无论什么时候,只要你输入正确的密码,你就可以访问保密箱里的内容。

  • 保密箱代表了一个函数。
  • 私人日记代表了函数内部的私有变量。
  • 密码代表了你访问这些变量的方式。

即使你将保密箱的外观改变了,但只要你知道密码,你依然可以访问其中的内容。在js中,闭包就是这样一种机制,它允许你访问和操作定义在函数内部的变量,即使外部函数已经执行完毕。

function createPerson (name) {
       let perName = name; // 'perName' 是一个闭包变量


       return {
          getName: function() {
              return perName;
          },
           setName: function(newName){
                perName = newName;
          }

       };
}

const person = createPerson('Alice');

console.log(person.getName());   //输出Alice

person.setMame('Bob');

console.log(person.getName());   //输出 Bob

//1.createPerson 函数:这个函数内部定义了一个私有变量 perName, 并返回一个对象,这个对象包含了两个方法:getName 和 setName.

//2. 返回的对象: 对象中的方法 getName 和setName 都可以访问 perName变量,即使createPerson 函数已经执行完毕。

//3. 闭包: getName 和 setName 方法创建了闭包,这两个方法可以访问和修改perName变量,从而模拟了一个私有变量的效果。

     

  • 10
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值