little-white911 1.2.5 → 1.2.7

package/$$/1. JavaScript/1.scope.bash

@@ -0,0 +1,9 @@
+value=1
+function foo () {
+    echo $value;
+}
+function bar () {
+    local value=2;
+    foo;
+}
+bar

package/$$/1. JavaScript/1./350/256/262/344/271/211.md"

@@ -0,0 +1,478 @@
+# this指针/闭包/作用域
+
+## 原型 & 原型链
+
+```js
+function Person() {
+}
+
+var person = new Person();
+
+console.log(person.constructor === Person);
+```
+
+每个对象都会从原型中继承属性。 extends 继承 委托
+
+两个对象之间的引用关联
+
+## 作用域
+
+作用域：指定了变量的生命周期，以及变量的可见性。 scope
+
+静态作用域：函数的作用域在函数定义的时候就决定了。
+动态作用域：函数的作用域在函数调用的时候才决定。
+
+```js
+var value = 1;
+
+function foo() {
+    console.log(value);
+}
+
+function bar() {
+    var value = 2;
+    foo();
+}
+
+bar();
+
+// case 1
+var scope = "global scope";
+function checkscope(){
+    var scope = "local scope";
+    function f(){
+        return scope;
+    }
+    return f();
+}
+checkscope();
+
+// case 2
+var scope = "global scope";
+function checkscope(){
+    var scope = "local scope";
+    function f(){
+        return scope;
+    }
+    return f;
+}
+checkscope()(); // checkscope()() -> f() 
+```
+
+
+```js
+var foo = function () {
+
+    console.log('foo1');
+
+}
+
+foo();
+
+
+var foo = function () {
+
+    console.log('foo2');
+
+}
+
+foo();
+
+
+
+console.log(add2(1, 2))
+
+function add2(a, b) {
+    return a + b;
+}
+
+console.log(add2(1, 2))
+var add2 = function (a, b) {
+    return a + b;
+}
+
+function fun3() {
+    console.log('fun3')
+}
+
+function fun2() {
+    fun3();
+}
+
+function fun1() {
+    fun2();
+}
+
+fun1();
+```
+
+## 执行上下文
+
+execution code
+
+1. 全局代码
+2. 函数代码
+3. eval代码
+
+execution context 执行上下文
+
+execution context stack 执行上下文栈
+
+FILO 先进后出
+
+## 变量对象
+
+```js
+function foo(a) {
+  var b = 2;
+  function c() {}
+  var d = function a() {};
+  b = 3;
+}
+
+foo(1);
+
+AO = {
+  arguments: {
+    0: 1,
+    length: 1
+  },
+  a: 1,
+  b: undefined, // b: 3
+  c: reference to function c() {},
+  d: undefined // d: reference to functionExpression d() {}
+}
+```
+
+variable object 全局定义的变量 以及函数声明 VO
+
+- 全局 window
+- 函数 活动对象 activation object AO arguments
+
+准备阶段：
+1. 函数声明
+   1. 在一个函数中声明的另一个函数
+2. 变量声明
+   1. 只创建，没有赋值
+3. 函数的形参
+   1. 函数接收参数 arguments
+
+
+
+执行阶段：
+
+```js
+function foo() {
+    console.log(a);
+    a = 1;
+}
+
+foo(); // ???
+
+function bar() {
+    a = 1;
+    console.log(a);
+}
+bar(); // ???
+```
+
+
+## 作用域链
+
+```js
+function foo() {
+    function bar() {
+        function baz() {
+        }
+    }
+}
+
+baz()
+
+foo.[[scope]] = [
+    globalContext.VO
+]
+
+bar.[[scope]] = [
+    fooContext.AO,
+    globalContext.VO
+]
+
+baz.AO.[[scope]]  bar.[[scope]]
+var scope = "global scope";
+function checkscope(){
+    var scope2 = 'local scope';
+    return scope2;
+}
+checkscope();
+
+checkscopeContext = {
+    Scope: [AO, globalContext.VO],
+    AO: {
+        arguments: {
+            length: 0
+        },
+        scope2: undefined
+    }
+}
+
+checkscope.[[scope]] = [
+    checkscopeContext.AO,
+    globalContext.VO
+]
+```
+### 闭包
+
+闭包是能够访问自由变量的函数。
+
+自由变量：在函数中使用的，但既不是函数参数也不是函数的局部变量的变量。
+
+function a(a, b) {
+    var d = 1;
+    return c;
+}
+
+```js
+var data = [];
+
+for (var i = 0; i < 3; i++) {
+  data[i] = function () {
+    console.log(i);
+  };
+}
+
+data[0]();
+data[1]();
+data[2]();
+
+globalCOntext = {
+  VO: {
+    data: [...],
+    i: 3
+  }
+}
+
+data[0].Context = [
+  Scope: [AO, globalContext.VO],
+  AO: {
+    arguments: {
+      length: 0
+    }
+  }
+]
+
+
+var data = [];
+
+for (var i = 0; i < 3; i++) {
+  data[i] = (function (i) {
+        return function(){
+            console.log(i);
+        }
+  })(i);
+}
+
+data[0]();
+data[1]();
+data[2]();
+
+globalCOntext = {
+  VO: {
+    data: [...],
+    i: 3
+  }
+}
+
+data[0].Context = [
+  Scope: [AO, 匿名函数Context.AO, globalContext.VO],
+  AO: {
+    arguments: {
+      length: 0
+    },
+  }
+]
+
+匿名函数Context = {
+  Scope: [AO, 全局Context.VO],
+  AO: {
+    arguments: {
+      length: 0
+    },
+    i: 0
+  }
+}
+```
+
+## this
+
+this 谁调用，this 就指向谁。
+
+reference
+
+delete typeof instanceof 
+
+A Reference is a resolved name binding.
+A Reference consists of three components, the base value, the referenced name and the Boolean valued strict reference flag.
+The base value is either undefined, an Object, a Boolean, a String, a Number, or an environment record (10.2.1).
+A base value of undefined indicates that the reference could not be resolved to a binding. The referenced name is a String.
+
+```js
+var foo = 1;
+
+// 对应的Reference是：
+var fooReference = {
+    base: EnvironmentRecord,
+    name: 'foo',
+    strict: false
+};
+
+
+var foo = {
+    bar: function () {
+        return this;
+    }
+};
+ 
+foo.bar(); // foo
+
+// bar对应的Reference是：
+var BarReference = {
+    base: foo,
+    propertyName: 'bar',
+    strict: false
+};
+
+```
+
+GetBase(V). Returns the base value component of the reference V.
+
+```js
+var foo = 1;
+
+var fooReference = {
+    base: EnvironmentRecord,
+    name: 'foo',
+    strict: false
+};
+
+GetValue(fooReference) // 1;
+```
+
+IsPropertyReference(V). Returns true if either the base value is an object or HasPrimitiveBase(V) is true; otherwise returns false.
+
+- Let ref be the result of evaluating MemberExpression；
+- if Type(ref) is Reference, then
+  - If IsPropertyReference(ref) is true, then 
+  - Let thisValue be GetBase(ref). 
+- Else, the base of ref is an Environment Record 
+  - Let thisValue be the result of calling the ImplicitThisValue concrete method of GetBase(ref). 
+- Else, Type(ref) is not Reference.
+- Let thisValue be undefined. 
+
+2. 判断 ref 是不是一个 Reference 类型；
+  1. 如果 ref 是 Reference，并且 IsPropertyReference(ref) 是 true, 那么 this 的值为 GetBase(ref) 
+  2. 如果 ref 是 Reference，并且 base value 值是 Environment Record, 那么this的值为 ImplicitThisValue(ref) 
+  3. 如果 ref 不是 Reference，那么 this 的值为 undefined；
+
+```js
+function foo() {
+    console.log(this)
+}
+
+foo(); // MemberExpression 是 foo
+
+function foo() {
+    return function() {
+        console.log(this)
+    }
+}
+
+foo()(); // MemberExpression 是 foo()
+
+var foo = {
+    bar: function () {
+        return this;
+    }
+}
+
+foo.bar(); // MemberExpression 是 foo.bar
+
+
+var value = 1;
+
+var foo = {
+  value: 2,
+  bar: function () {
+    return this.value;
+  }
+}
+
+//示例1
+console.log(foo.bar()); foo.bar
+{
+    base: foo,
+    name: 'bar',
+    strict: false
+}
+
+
+//示例2
+console.log((foo.bar)());
+//示例3
+console.log((foo.bar = foo.bar)());
+//示例4
+console.log((false || foo.bar)());
+//示例5
+console.log((foo.bar, foo.bar)());
+```
+
+##执行上下文完整过程
+
+```js
+var scope = "global scope";
+function checkscope(){
+    var scope = "local scope";
+    function f(){
+        return scope;
+    }
+    return f();
+}
+checkscope();
+
+ECS = [
+    checkscopeContext,
+    globalContext,
+]
+
+globalContext = {
+    VO: {
+        scope: 'global scope',
+        checkscope: reference to function checkscope() {},
+    },
+    scope: [globalContext.VO],
+    this: window,
+}
+
+checkscopeContext = {
+    AO: {
+        arguments: {
+            length: 0,
+        },
+        scope: undefined,
+        f: reference to function f() {},   
+    },
+    scope: [checkscopeContext.AO, globalContext.VO],
+    this: window,
+}
+
+
+var scope = "global scope";
+function checkscope(){
+    var scope = "local scope";
+    function f(){
+        return this.scope;
+    }
+    return f;
+}
+checkscope()(); // f*()
+```

package/$$/1. JavaScript/5.common.js

@@ -0,0 +1,60 @@
+// 导入依赖
+const path = require('path'); // 路径操作
+const fs = require('fs'); // 文件读取
+const vm = require('vm'); // 文件执行
+
+// 定义导入类，参数为模块路径
+function Require(modulePath) {
+    // 获取当前要加载的绝对路径
+    let absPathname = path.resolve(__dirname, modulePath);
+    // 从缓存中读取，如果存在，直接返回结果
+    if (Module._cache[absPathname]) {
+        return Module._cache[absPathname].exports;
+    }
+    // 创建模块，新建Module实例
+    const module = new Module(absPathname);
+    // 添加缓存
+    Module._cache[absPathname] = module;
+    // 加载当前模块
+    tryModuleLoad(module);
+    // 返回exports对象
+    return module.exports;
+}
+
+
+// 定义模块, 添加文件id标识和exports属性
+function Module(id) {
+    this.id = id;
+    // 读取到的文件内容会放在exports中
+    this.exports = {};
+}
+
+Module.wrapper = [
+    "(function(exports, module, Require, __dirname, __filename) {",
+    // content string 
+    "})"
+]
+
+Module._extensions = {
+    '.js'(module) {
+        const content = fs.readFileSync(module.id, 'utf8');
+        const fnStr = Module.wrapper[0] + content + Module.wrapper[1];
+        const fn = vm.runInThisContext(fnStr);
+        fn.call(module.exports, module.exports, module, Require,_filename,_dirname);
+    },
+    '.json'(module) {
+        const json = fs.readFileSync(module.id, 'utf8');
+        module.exports = JSON.parse(json); // 把文件的结果放在exports属性上
+    }
+}
+
+
+// 定义模块加载方法
+function tryModuleLoad(module) {
+    // 获取扩展名
+    const extension = path.extname(module.id);
+    // 通过后缀加载当前模块
+    Module._extensions[extension](module);
+}
+
+