JS的闭包和继承

1.什么是闭包(闭包的原理)

闭包的形成与变量的作用域以及变量的生存周期密切相关,变量的作用域,就是指变量的有效范围。生存周期对于全局变量是永久的,除非我们主动销毁这个全局变量。而对于在函数内用 var 关键字声明的局部变量来说,当退出函数时,它们都会随着函数调用的结束而被销毁:

闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

2.闭包的特点

,**

内部函数可以读取外部函数定义的局部变量(利用函数内部的函数间接将函数内部的变量返回)(作用域)

让局部变量始终保存在内存中。也就是说,闭包可以使得它诞生环境一直存在。

3.闭包的优缺点

闭包的好处:

希望一个变量长期存储在内存中(延长作用域)。

避免全局变量的污染。

私有成员(函数内部的变量)的存在。

函数外部能取到内部的变量

闭包的缺点:

常驻内存,增加内存使用量–手动销毁

使用不当会很容易造成内存泄漏–IE

//内存泄漏:每一个变量都会绑定一个使用次数的计数器,当这个变量的使用次数为0,垃圾回收机制将其回收,如果说垃圾回收机制又无法回收,称之为内存泄漏。 (垃圾回收机制会失效)

4.闭包的应用场景

1、永久存储函数内部的变量,有弊端

2、避免全局变量的污染–利用闭包的写法进行开发

3、自执行的匿名函数保存循环变量

5.原型

Javascript规定,每一个函数都有一个prototype对象属性,指向另一个对象(原型链)。

prototype(对象属性)的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变(公

用)的属性和方法,直接定义在prototype对象属性上。

prototype可以让所有对象实例共享它所包含的属性和方法。也就是说,不必在构造函数中定义对象信息,而是可以直接将这些信息添加到原型中。

6.原型链

实例对象与原型之间的连接,叫做原型链。_proto_( 隐式连接 )

JS在创建对象的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对prototype。

内部原型(_proto_)和构造器的原型(prototype)

1、每个对象都有一个__proto__属性,原型链上的对象正是依靠这个属性连结在一起.

2、作为一个对象,当你访问其中的一个属性或方法的时候,如果这个对象中没有这个方法或属性,那么Javascript引擎将会访问这个对象的__proto属性所指向上一个对象,并在那个对象中查找指定的方法或属性,如果不能找到,那就会继续通过那个对象的__proto__属性指向的对象进行向上查找,直到这个链表结束。(null)

//原型链:实例对象和原型之间的连接。* (prototype和proto的区别)*

//prototype属性:每一个函数都有一个prototype原型属性,放共有的方法和属性,this指向实例

//proto属性:每一个对象都有一个proto原型属性,指向构造函数的原型(原型链依靠这个属性连接)。

在这里插入图片描述

7.面向对象(OOP)的继承

//混合继承: (要写两种方法 一种是继承构造函数里的方法,另外个写的是继承原型的方法)

//构造函数:apply/call继承构造函数里面的属性和方法

(这个方法只能继承混合开发的构造函数里的属性和方法)

//原型prototype:

//拷贝继承:原型是对象属性,浅拷贝的方式将父类原型上面的内容传递给子类。

(利用object.assign(新原型,老原型))-------可以理解成(子原型,父原型)

//原型链继承:将父类的实例给子类的原型,子类的构造函数会被覆盖。

面向对象的继承:子类继承父类,但子类不影响父类

面向对象开发的两种方式

1.混合开发(构造函数继承+原型)–混合继承

原型链继承

构造函数继承+原型继承。

2.ES6class开发

extends关键字:

Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。

super关键字:

子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类自己的this对象,必须

先通过父类的构造函数完成塑造,得到与父类同样的实例属性和方法,然后再对其进行加工,加上子类自己

的实例属性和方法。如果不调用super方法,子类就得不到this对象。

既可以当作函数使用,也可以当作对象使用。

第一种情况,super作为函数调用时,代表父类的构造函数。

第二种情况,super作为对象时,在普通方法中,指向父类的原型对象;

8.Prototype模式的其他验证方法

hasOwnProperty() : 看是不是对象自身下面的属性, 只在属性存在于实例中时才返回 true。 (不包括继承的)

in操作符,和hasOwnProperty一样的意义,包括继承的。

toString() :系统对象下面都是自带的 , 系统对象都有toString(),自己写的对象都是通过原型链找Object下面的,可以把对象转成字符串,可以做进制转换或者类型的判断。

(通过改变this指向去找)

constructor:实例对象的构造函数 (实例对象.constructor)

instanceof:判断一个对象是否是一个构造函数(类)的实例。

[外链图片转存中…(img-e7eTDwsc-1574670936212)]

instanceof:判断一个对象是否是一个构造函数(类)的实例。

[外链图片转存中…(img-fQ9inQMJ-1574670936213)]

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值