JavaScript 是一门原生支持函数式编程范式的、基于原型的面向对象语言,也是一门弱类型动态脚本语言
What’s this ?
JavaScript 函数的
this
是由函数调用者在调用前确定的 —— 继承自 LISP 语言
用 ECMAScript 6 解释如下:
调用方式 | 调用者 | 等效代码 |
---|---|---|
func(...params) |
JS 引擎 | func.apply(null, params) |
obj.func(...params) |
一个对象 | func.apply(obj, params) |
new func(...params) |
new 运算符 |
func.apply(Object.setPrototypeOf({ }, func.prototype), params) |
element.onclick = func |
DOM 事件回调 | func.call(element, event) |
上述最后一种其实是运行时 API 级别的,与语言本身无关,用 JS 写的公共库需要回调函数时,也是库内部调用时如上手动指定的。
闭包
通俗解释:
孩子靠着自创资产和自己可掌控的父母遗产,继续活下去
技术解释:
局部作用域中创建的函数,若引用了其上级作用域中的变(常)量,又在上级作用域外有引用,上级作用域执行结束被销毁时,此函数及其引用的数据形成一个不被销毁的闭包。
—— 继承自 LISP 语言
function factory() {
const privateData = {};
return {
set: function(key, value) {
privateData[key] = value;
},
get: function(key) {
return privateData[key];
}
};
}
var closure = factory();
closure.set('A', 1);
console.log(closure.get('A')); // 1
闭包在 ECMAScript 5 及更早的时代,常用于模拟块级作用域、模块作用域,在 ECMAScript 6 引入这两种新局部作用域后,它们又成了形成闭包的上级作用域之一。
原型
基于原型的面向对象语言 可看作把 基于类的面向对象语言的运行时内部构造 开放了出来
类 | 原型 | |
---|---|---|
对象的创建 | 由 class 的构造函数修饰 this |
直接 new 一个函数作为构造函数 |
对象的继承 | 只知其然,不知所以然 | 对象内部引用构造函数的原型对象,在引用对象未定义成员时,在原型上找同名成员 |
类的继承 | 只知其然,不知所以然 | Child.prototype = new Parent() |
私有成员 | 只知其然,不知所以然 | 用局部作用域“对外不可访问性”保存的私有 Symbol (运行时唯一值)命名对象成员 |
异步
异步函数先记下要做什么(传入的参数、回调函数)并交给 JS 引擎所在运行时平台的其它线程,然后立马返回,让 JS 自身线程继续执行完后面的同步代码,再按异步任务完成的顺序,一一用相应结果数据调用回调函数。
所有的异步任务内部都基于回调函数实现:
function asyncFunc(callback) {
setTimeout(callback, 1000);
}
asyncFunc(function() {
console.log('See you later');
});
但需要回调函数的不一定是异步任务:
function syncFunc(callback) {
console.log('See you ' + callback());
}
syncFunc(function() {
return 'now';
});