闭包、高阶函数
闭包是一种打通两个作用域的能力,在 Java 和 OC 中都有类似的功能,JS 中的闭包和他们没有太大的差别。
不过因为 JS 的函数是一等公民,所以使用起来会更加灵活。
在数学和计算机科学中,高阶函数是至少满足下列一个条件的函数:
接受一个或多个函数作为输入
输出一个函数
下面的例子就是个典型的高阶函数
const
call,apply,bind
在 JS 中经常会遇到 this 指向错乱的问题:
var
JS 提供了两个方法,call 和 apply,能够指定一个函数执行时候的上下文
log
call 和 apply 同时还可以指定传给函数的参数是什么,他们的区别就是后面的传参数形式不一样;
function
bind 函数通过闭包的形式,来强制的将某个上下文绑定到函数上:
log
bind 的实现大概如下(省略传参的功能):
function
和上面举例有点区别的是 JS 提供的 bind 方法是 Function 类的一个方法,调用方法如下:
function
原型链
JS 的原型链(prototype chain)是为了实现面向对象而存在的,当访问一个对象的方法的时候,首先会遍历对象本身,是否存在这个键,然后在查找父类是否有这个键,再一直追溯到顶层。
「父类」中包含的方法和属性,都存放在对象的 「__proto__」对象上(在旧的 JS 规范中,「__proto__」是隐藏属性,但是 ES6 将它标准化并暴露出来了)。
var
当访问 「a.somekey」 的时候,会沿着原型链一直向上查找,相当于做了如下计算:
function
类
在最早期的 JS 版本中是没有类的,后来加入了原型链和 new 关键词才实现了类。
function
在 JS 中任何函数都可以当作构造函数并搭配 new 关键词使用。
new 关键词的作用就是新建一个空对象 a,然后把构造函数上的 prototype 值挂载到 a.__proto__ 上。
再将 a 作为 context 运行构造函数。
如果我们将 new 作为一个函数,它就是这样:
function
从上面的代码可以看出,在构造函数中,可以指定 new 关键词返回的类型,也就是说 new A() 返回的结果不一定就是 A 的实例,这要看 A 的构造函数内部是如何实现的。
function
JS 用原型链的方式,曲线的实现了类的行为和写法,所以在 JS 中,「类」就是构造函数。
instanceof
如何判断一个对象是否是一个类的实例呢?
JS 实现的方法很粗糙,就是判断实例的原型链上是否存在类的原型。
function
我们甚至可以让任意一个类成为实例的父类
function
我们甚至也可以让一个父类不是实例的父类
function
总之就是很神奇
ES6 中对类的改进
在 ES6 中新增了 class 关键词,使得声明一个类更加简单,但只是写法上有改变,运行机制还是一样。
class A {
constructor(value) {
this.value = value;
}
log() {
console.log(this.value);
}
}
var a = new A(1234);
a.log();
// 1234
原文链接:https://segmentfault.com/a/1190000015635138