闭包 原型链和继承

最新推荐文章于 2021-12-07 17:26:39 发布
原创 最新推荐文章于 2021-12-07 17:26:39 发布 · 391 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#原型 原型链 和 继承

博客主要介绍了闭包、原型和继承的相关知识。闭包需满足函数嵌套、保持上层作用域引用等条件，其作用是可在函数外读取内部变量并让变量值存于内存。还介绍了原型的prototype和__proto__属性，以及构造函数继承和原型链继承的原理。

理解闭包必须理解以下几点:
1.函数嵌套函数
2.函数内保持对上层作用域的引用
3.函数可以在其定义的作用域外进行访问
4.闭包是由该函数和其上层执行上下文共同构成

闭包的作用:
闭包最大用处有两个：在函数外可以读取函数内部的变量；让这些变量的值始终保持在内存中。

案例1:
在这里插入图片描述
案例2:
在这里插入图片描述
案例3:
在这里插入图片描述
原型:
属性：prototype（原型）
每个函数对象(Function.prototype除外)都有一个prototype属性（这个属性指向一个对象即 原型对象）

案例:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
属性：_ _ proto _ _ (原型) (维护原型链的)
每个对象都有一个隐藏属性_ proto _，用于指向创建它的构造函数的原型
在这里插入图片描述
在这里插入图片描述
继承:
demo1 构造函数继承（对象冒充继承）
原理：调用父类构造函数，并改变其中的this
在这里插入图片描述
原型链继承
原理：将原型对象链接到另一个对象实现继承（改变原型的指向）
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

JavaScript作用域、闭包、对象与原型链概念及用法实例总结
10-18
JavaScript是Web开发中不可或缺的一部分，它提供了丰富的特性，如作用域、闭包、对象和原型链，这些都是理解和编写高效代码的关键。以下是对这些概念的详细解释： 1. **JavaScript变量作用域** - **函数作用域**：...
几句话带你理解JS中的this、闭包、原型链
10-21
在学习JavaScript（简称JS）时，常常会碰到this关键字、闭包（Closure）和原型链（Prototype Chain）这三个概念。它们是JS中非常核心的概念，对于理解和掌握JS的精髓至关重要。 首先，我们来理解this关键字。在JS中...
深入理解javascript原型和闭包（6）——继承
weixin_30588675的博客
09-18 203
为何用“继承”为标题，而不用“原型链”？ 原型链如果解释清楚了很容易理解，不会与常用的java/C#产生混淆。而“继承”确实常用面向对象语言中最基本的概念，但是java中的继承与javascript中的继承又完全是两回事儿。因此，这里把“继承”着重拿出来，就为了体现这个不同。 javascript中的继承是通过原型链来体现的。先看几句代码 以上代码中，f1是Foo函数ne...
闭包、原型链、继承
SHARECLUB
10-11 418
闭包 闭包就是函数中的函数实现外层函数中的变量不释放。 先来看看这个代码 function a(){ var o=1 function b(){ console.log(o++) } b() } a() //输出1 a() //还是输出1 a() //仍然输出1 //继续调用a()，得到的结果还是1   为什...
闭包，原型，继承
qq_45675879的博客
11-03 274
闭包 闭包：闭包就是函数嵌套时，将局部变量进化成私有变量的环境，这个环境一般是作用域的嵌套，通俗的来说就是函数里面套函数，将原本要删除的变量，不删除，继续使用。 计算机的垃圾回收机制：不立即删，先放在临时空间内，可以二次或继续使用 特点： 闭包是将函数内部和函数外部连接起来的桥梁 可以读取函数内部的变量 让这些变量的值，始终保存在内存中，不会在调用结束后被系统回收 避免全局变量命名空间的污染 内存...
JavaScript闭包、原型链、继承 ——总结
weixin_46419373的博客
09-02 563
面试回答技巧（一） 如何回答的一个技术记汇，或者你对xxxx的理解？ 例如：你说一下对闭包的理解？ 答：1.xxx是什么? 2.应用场景 3.优缺点 4.具体实现 5.还有没有更好的解决方案！ 今天的内容都是从这几个方面来讲解。 一、闭包 1、闭包是什么？ 函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包（closure）。也就是说，闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中，每当函数被创建，就会在函数生成时生成闭包。 总结来说.
js闭包与原型链
励志要去CBD的博客
11-13 1568
js constructor 和prototype 深入理解js后这两个核心概念非常重要 我们在定义函数的时候，函数本身就会默认有一个prototype的属性，而我们如果用new运算符来生成一个对象的时候就没有prototpye属性。 !function a(){   varo = new Object();  function b(){     }  return }()
我所理解的this，闭包，原型链，继承及面向对象.zip
07-08
在JavaScript编程语言中，"this"、闭包（Closure）、原型链（Prototype Chain）和继承是四个核心概念，它们构成了JavaScript面向对象编程的基础。这里，我将深入解析这些概念，并结合实际例子来帮助理解。 首先，让...
深度解读JavaScript中的this、闭包、原型链与继承
在JavaScript中，所有对象都通过原型链继承属性和方法。每个对象都有一个内部链接指向另一个对象，即它的原型对象，而原型对象也有自己的原型，直到达到一个原型对象，它的原型为`null`。这个原型链的终点。当尝试...
深入理解JavaScript高级特性：闭包、原型链与继承
具体包括了三个关键的主题：闭包（closures）、原型链（prototype）和继承（inheritance）。 在JavaScript编程中，闭包是一个非常核心且复杂的概念。闭包允许一个函数访问并操作函数外部的变量。这可以通过将函数...
day23 闭包 原型链 继承
qq_38068491的博客
11-03 320
一、自我执行函数 ()();第一个括号里面放是匿名函数，第二个括号是调用执行 ;(function(形参){ alert("11"); })(实参);     注意（在代码的前后都要加上一个分号，防止代码压缩报错） 例子：;(function(a){             alert(a);              })(3);//3 作用：防止变量污染 二、闭包 闭包是一...
JavaScript闭包和原型
WildKingxue的博客
09-09 507
一.作用域 在JavaScript总结(2)里也提到过。 作用域是可访问变量的集合。 在 JavaScript 中, 对象和函数同样也是变量。 在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。 JavaScript 函数作用域: 作用域在函数内修改。 1.JavaScript 全局变量 变量在函数外定义，即为全局变量。 全局变量有全局作用域: 网页中所有脚本和函数均可使用。 因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。 局部变量在函数开始执..
闭包和原型链
aolohzd52984的博客
02-01 299
闭包： 简单的理解就是：闭包就是能够读取其他函数内部变量的函数，它两个最大的用处： ①可以读取函数内部的变量， ②让变量的值始终保持在内存中。闭包与它的词法环境绑在一起，因此闭包让我们能够从一个函数内部访问其外部函数的作用域 。 闭包特点:函数A嵌套函数B ,函数B能访问函数A的变量 ,最后返回函数B; (函数B就是闭包) 闭包的优缺点: 优点:有利于封装...
闭包和原型链的继承
Irlia_的博客
12-07 756
闭包和原型链的继承> 一、闭包 1.闭包的概念 在一个外函数中定义了一个内函数,内函数里运用了外函数的临时变量,并且外函数的返回值是内函数的引用。这样就构成了一个闭包。 function person() { let name = '张嘉文' function job() { console.log(name + '的职业是游戏主播'); } return
js闭包-继承,原型和原型链详解
weixin_46120736的博客
05-17 718
学习目标 提示：完成对常见面试题的了解,包括,js闭包 es5和es6j继承方式的不同,对构造函数的原型和原型链进行学习 文章目录学习目标一、js闭包 一、js闭包
JS中的闭包‘原型’原型链
weixin_45205937的博客
10-15 441
一、闭包 1、首先，什么是闭包？你了解闭包吗？ 闭包就是能够读取到函数内部变量的函数，通俗一点，就是函数A中的函数B，被函数A外部的一个变量引用的时候，就创建了一个闭包。 2、什么时候会用到闭包？ 一般是函数封装的时候，再就是使用定时器的时候。 3、上几个基本的闭包的例子（各位看能不能回答正确） function a(){ var i=0; function b(){ ...
闭包与原型链的理解
weixin_43073143的博客
08-19 995
简单闭包的理解： function A(){ function B(){ console.log(‘Hello Closure!’); } return B; } var C = A(); C();// Hello Closure! 这是最简单的闭包。 有了初步认识后，我们简单分析一下它和普通函数有什么不同，上面代码翻译成自然语言如下： 定义普通函数 A 在 A 中定义普通函数 B 在 A 中返回...
javascript原型和闭包之------原型链 （七）
diligentkong的博客
07-27 902
什么是原型链？     前面几篇博客讲解了JS中的构造函数，原型，prototype与__proto__,以及构造函数、原型与实例三者之间的关系，Function，其实这些知识都是为原型链做准备的。通过这几篇博客，我们知道：     （1）每个构造函数都有一个原型对象（构造函数.prototyoe）     （2）每个原型对象包含一个指向构造函数的指针(构造函数.prototype.constr
闭包，原型链
weixin_34062469的博客
12-27 160
闭包 在【函数定义】的时候，【函数对象】的【scope属性】便会引用包含该函数的上一级函数在运行时所生成的【执行上下文】的【活动对象】，因为发生对象属性之间的相互依赖，导致包含此函数的【scope属性】所指向的活动变量，在上一级函数【执行完毕】将要【释放执行上下文】的时候【不能释放】其包含的【活动变量】。 自己的理解： 闭包的产生首先要有一个地址被引用所指向 函数与对象的关系 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值