JavaScript设计模式

设计模式应该遵守得原则:

(1)最少知识原则:一个软件实体应当尽可能少地与其他实体发生相互作用(把对象划分成较小的粒度,以便提高复用性)

(2)开放-封闭原则:软件实体(类、模块、函数)等应该是可以扩展的,但是不可修改

一、原型模式

JavaScript基于原型的委托机制实现对象与对象之间的继承。当对象无法响应某个请求时,会把该请求委托给它自己的原型。

构造器有原型,实例对象没有原型,有一个名为proto的属性,其默认指向它的构造器的原型对象,即{constructor}.prototype.

示例一:


1.遍历对象a中的所有属性,未找到name属性

2.查找name属性的请求被委托给对象a的对象构造器的原型,它被a.proto记录着并且指向A.prototype,而其被设置为对象obj

3.在对象obj中找到name属性,并返回

示例二:


1.首先遍历对象a中的所有属性,存在name属性,但未赋值

示例三:


查找顺序:

b对象 -> b.proto(即: B.prototype) -> new A() 对象 -> B.prototype -> obj

二:this

1.词法作用域

首先明确JavaScript只具备词法作用域(书写代码时函数声明的位置来决定),不具备动态作用域。

示例一:


示例二:


示例三:


如果JavaScript存在动态作用域,第一个示例应该打印为1

2.this

(1)this指向(构造器调用)

示例一:


示例二:


注意:

如果构造器显式地返回一个object类型的对象,那么此次运算最终返回这个对象,二不是我们之前期待的this。

3.指定函数内部this指向

call、apply、Function.prototype.bind,其中Function.prototype.bind部分浏览器不兼容

模拟实现Function.prototype.bind:


三、闭包和高阶函数

1.闭包

对象以方法的形式包含了过程,而闭包则是在过程中以环境的形式包含了数据

示例:缓存机制


注意:

闭包容易导致循环引用,从而导致内存溢出。可以通过把这些变量设置为null,回收这些变量

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值