继承/作⽤域/作⽤域链
在 JS 中,继承通常指的便是 原型链继承,也就是通过指定原型,并可以通过
原型链继承原型上的属性或者⽅法。
最优化: 圣杯模式
//
var inherit = (function(c,p){
var F = function(){};
return function(c,p){ F.prototype = p.prototype; c.prototype = new F(); c.uber = p.prototype; c.prototype.constructor = c; } })();
也可使⽤ ES6 的语法糖 class / extends,这里就不具体阐述了。
作⽤域
执⾏上下⽂中还包含作⽤域链。理解作⽤域之前,先介绍下作⽤域。作⽤域其 实可理解为该上下⽂中声明的 变量和声明的作⽤范围。可分为 块级作⽤域 和 函数作⽤域。
特性: 声明提前: ⼀个声明在函数体内都是可⻅的, 函数优先于变量 ⾮匿名⾃执⾏函数,函数变量为 只读 状态,⽆法修改
例如:
//
let foo = function() { console.log(1) } (function foo() {
foo = 10 // 由于foo在函数中只为可读,因此赋值⽆效
console.log(foo) }())
// 结果打印: ƒ foo() { foo = 10 ; console.log(foo) }
作⽤域链
我们知道,我们可以在执⾏上下⽂中访问到⽗级甚⾄全局的变量,这便是作⽤ 域链的功劳。作⽤域链可以理解为⼀组对象列表,包含 ⽗级和⾃身的变量对 象,因此我们便能通过作⽤域链访问到⽗级⾥声明的变量或者函数。 由两部分组成:
[[scope]] 属性: 指向⽗级变量对象和作⽤域链,也就是包含了⽗级的 [[scope]] 和 AO
AO : ⾃身活动对象 如此 [[scopr]] 包含 [[scope]] ,便⾃上⽽下形成⼀条 链式作⽤域。