04-沙箱&闭包&递归&预解析

学习目标

二、apply和call方法的使用

• 作用：改变函数或者方法中的this的指向

• apply和call方法中如果没有传入参数,或者是传入的是null,那么调用该方法的函数对象中的this就是默认的window

• apply的使用语法：

  参数详解:

  第一个参数: 要让函数中this指向谁,就写谁

  第二个参数: 要去传入一个数组,里面存放被调用函数需要的实参

  函数名字.apply(对象,[参数1,参数2,…]);
  方法名字.apply(对象,[参数1,参数2,…]);

• call的使用语法：

  参数详解:

  第一个参数: 要让函数中this指向谁,就写谁

  后面的参数: 被调用函数要传入的实参,以逗号分隔

  函数名字.call(对象,参数1,参数2,…);
  方法名字.call(对象,参数1,参数2,…);

• 作用：改变this的指向
  不同的地方：参数传递的方式是不一样的

• 使用场景：只要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么使用apply或者call的方法改变this的指向

所有的函数都是Function的实例对象--------------(因为(函数也是对象)实例对象的__proto__指向的是Function构造函数中的prototype原型)

apply和call方法实际上并不在函数这个实例对象中,而是在Function的prototype原型对象中

实例对象调用方法,方法要么在实例对象存在中,要么在原型对象中存在

三、bind方法

• bind使用语法：

  • 函数名字,bind(对象,参数1,参数2,…)——>返回值是复制之后的这个函数
  • 方法名字.bind(对象,参数1,参数2…)——>返回值是复制之后的这个方法

• 作用：bind是复制的意思,参数可以在复制的时候传进去,也可以在复制之后传入进入

• call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，apply和call是调用的时候改变了this指向
  bind方法,是复制一份的时候,改变了this的指向

四、函数中的几个成员

• aruguments

• 实参集合

• caller

  • 函数的调用者

• length

  • 形参的个数

• name

  • 函数的名称

function fn(x, y, z) {
  console.log(fn.length) // => 形参的个数
  console.log(arguments) // 伪数组实参参数集合
  console.log(arguments.callee === fn) // 函数本身
  console.log(fn.caller) // 函数的调用者
  console.log(fn.name) // => 函数的名字
}

function f() {
  fn(10, 20, 30)
}

f()

五、获取某个对象的数据类型

• 1、typeof 变量返回值：数据类型

• 2、对象 instanceof 数据类型返回值：true,false

• 3、Object.prototype.toString.call(对象)获取某个对象的数据类型

六、作用域和作用域链及预解析

• 1、作用域：就是变量的使用范围，js中没有块级作用域，一对括号中定义的变量,这个变量可以在大括号外面使用访问
• 2、作用域链：变量的使用，从里向外，层层的搜索，搜索到了就可以直接使用了
• 3、预解析：就是浏览器在解析代码之前，把声明的函数的声明和函数提升到该作用域的最上面

七、闭包

• 闭包的概念：

  • 函数中有另一个函数,或者是一个函数中有另一个对象,里面的函数或者是对象都可以使用外面函数中定义的变量或者数据,此时形成了闭包

• 闭包的模式：函数模式的闭包和对象模式的闭包

• 闭包的优点和缺点：缓存数据

• 总结：如果想要缓存数据,就把这个数据放在外层的函数和里层的函数的中间位置

• 闭包的作用：缓存数据,延长作用域链,同时也是缺点,函数中的变量不能及时的释放

• 局部变量在函数中,函数使用结束后,局部变量就会被自动的释放
  闭包后,里面的局部变量的使用作用域链就会被延长

案例：

    //函数模式的闭包,有缓存数据,只调用了一次外部的数据
    function f1() {
        var num = 10;
        return function () {
            num++;
            return num;
        }
    }
    var ff = f1();//返回的是函数
    console.log(ff());//11
    console.log(ff());//12
    console.log(ff());//13

八、沙箱

• 沙箱：

  • 环境,黑盒,在一个虚拟的环境中模拟真实世界,做实验,实验结果和真实世界的结果是一样,但是不会影响真实世界,说白了就是一个自己的环境,不会影响其他环境

• 在自己的环境中(自己的作用域中),函数和变量的声明会被提升到自己的作用域到最上面

      (function () {
          //在自己的环境中(自己的作用域中),函数和变量的声明会被提升
            var str = "小白喜欢小黑";
             str = str.substr(2);
            console.log(str);
        }());
        
        (function () {
            var str = "小李喜欢小白";  
            str = str.substr(2);
            console.log(str);
        }());

九、递归

递归：函数中调用函数自己,此时就是递归,递归一定要有结束的条件

注意事项：在函数中调用自己,一定要有个判断条件不在调用,要不然就是死循环