javascript-函数表达式

函数表达式

  • 定义:函数表达式区分于函数声明,也是一种定义函数的体式格局,形似与变量赋值,这个值就是函数体,比方:

    var a = function(){}; // 函数表达式之匿名函数
    var a = function fn(){}; // 函数表达式之签字函数
    (function(){})(); // 匿名函数之马上实行函数
    // 如今晓得的是这三种情势, 愿望高人补充
  • 特性:
    1 . 区分于函数声明,和一般变量一样运用前必需声明,不声明在非严厉形式下被以为是全局的变量,在严厉形式下报错

递归

  • 定义:在一个函数中挪用本身,递归必须要有终了前提阶乘

    // fibonacci数列
    function fibonacci(n){
      if(n == 1 || n == 2){ // 终了前提
        return 1;
      }else{
        var num = fibonacci(n-1) + fibonacci(n-2); // 递归挪用
        return num // 每一层递归都返回和
      }
    };
    console.log(fibonacci(6)); // 8
  • 特性:
    1 . 挪用匿名函数表达式本身,为了便于保护,能够经由过程arguments.callee(指向当前函数的指针)来挪用当前函数,如许做的优点是当递归函数换称号时不必替换内部的函数称号

    function fibonacci(n){
      if(n == 1){
        return 1;
      }else{
        var num = arguments.callee(n-1) * n ;
        return num
      }
    };
    let a = fibonacci;
    fibonacci = null;
    console.log(a(6)); // 函数内涵再次挪用fibonacci就会报错 Uncaught TypeError: fibonacci is not a function

一变

function fibonacci(n){
  if(n == 1){
    return 1;
  }else{
    var num = arguments.callee(n-1) * n ;
    return num
  }
};
let a = fibonacci;
fibonacci = null;
console.log(a(6)); // 720 然则在严厉形式下回报错 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed

二变

'use strict';
let a = (function fibonacci(n){
  if(n == 1){
    return 1;
  }else{
    var num = fibonacci(n-1) * n ;
    return num
  }
});
let b = a;
a=null;
console.log(b(4)); // 24 ,这里相当于包了一层,假如外边的变量转变是不会影响函数内部挪用的

:在严厉形式下arguments.callee会报错,能够经由过程定名函数表达式来完成

闭包

  • 闭包是指有权接见另一个作用域中的变量的函数,情势许多,不举例了,重点在下面
  • 特性:关于闭包的特性都得先邃晓实行环境、作用域、运动对象的观点

    实行环境: 函数被挪用时会建立当前函数的实行环境,能够设想成一个对象,对象包含一个属性,该属性指向作用域(作用域链表)

    作用域,也能够看成是作用域链表,一个list,list的元素是指向运动对象,包含本作用域内的运动对象的指向和对上级的指向,当前函数实行终了作用域就消逝了

    运动对象,包含当前函数内的一切属性,当没有作用域链援用时运动对象被烧毁

:指向能够邃晓为援用,像 a=[], a就指向了内存中的一个数组

{                                              
  scope: scopeList              ----|             
}                                   |
实行环境(context)                  |

[                                   |
  activeObj1: activeObjects1,     --|--|
  activeObj2: activeObjects2,     --|--|--|
  ...                               |  |  |
]                                   |  |  |
作用域链(scopeList)           <----|  |  |

{                                      |  |  
  var1: 1,                             |  |
  var2: 1,                             |  |
  var1: [],                            |  |
}                                      |  |
运动对象(activeObjects1)           <--|  |

{                                         |
  _var1: 1,                               |
  _var2: 1,                               |
  _var1: [],                              |
}                                         |
运动对象(activeObjects2)              <--|  

// 能够看出实行环境和作用域链是一对一的, 所以当实行完函数后实行环境就没了,作用域没有被援用了就也没了,然则运动对象和作用域链是多对多的(途中只展现了一对多) ,所以就算作用域没了,当前作用域的运动对象也能够被别的作用域援用(比方闭包),所以依然存在于内存中

闭包与变量

  • 特性:闭包对外层运动对象是援用不是复制(也能够说是复制了援用),这里写一个亲身经历的笔试题

    var nAdd = null;
    function f(){
      let n = 99;
      nAdd = () => {
       ++n;
      }
      return () => {
       console.log(n);
      }
    };
    var f1 = f();
    var f2 = f();
    nAdd();
    f1();
    f2();
    nAdd();
    f1();
    f2();

    我以为这个题挺有意义。这里不给答案,读者能够本身先猜一下,然后本身跑一下和本身的猜测对对。
    我以为这个题目的症结在nAdd是在f函数的外层,也就是每次实例化这个f函数都邑对nAdd从新赋值,从新赋值后实行环境中n会差别,屡次赋值取末了一个,只需能搞清楚实行环境、作用域、运动对象的关联实在不难,不会也没紧要,一开始看到我也懵。

关于this对象

  • 定义:this是和实行环境绑定的
  • 特性:特性和定义息息相关,this和实行环境绑定,只需实行终了实行环境不存在了就,比方:

    var name = 'china,hebei';
    var province = {
      name: 'hebei',
      getName: function(){
        return function(){
         return this.name;
        };
      }
    };
    console.log(province.getName()()); // china,hebei

从结果来看this指的是全局的谁人this,这个和通例邃晓不太一样,按说getName属于province这个对象,this指向province才对,想一想定义就邃晓了,province.getName()这个实行了getName函数,并返回了一个函数体,再次实行这个函数体的时刻getName()已实行完了,实行完了实行环境固然就不存在了,this就返回给实行的环境(全局环境),那怎样改成指向province呢?

var name = 'china,hebei';
var province = {
  name: 'hebei',
  getName: function(){
    let that = this;
    return function(){
     return that.name;
    };
  }
};
console.log(province.getName()()); // hebei

很轻易邃晓,that在getName实行终了后并不会消逝,由于它地点的运动对象还被末了返回的函数的作用域链援用着,所以末了输出的就是hebei

块级作用域

  • 定义:经由过程建立一个马上实行函数来模拟模块作用域的结果,一般的{}没有块级观点

    for(var i=0; i<2; i++){
      console.log(i);
    }
    console.log(i) // 2

块级作用域,很简朴,经由过程函数作用域封装一层即可,比方

(function(){
  for(var i=0; i<2; i++){
    console.log(i);
  }
})()
console.log(i) // Uncaught ReferenceError: i is not defined

私有变量

  • 定义:在函数定义的变量和要领都能够看成是私有变量,能够经由过程在函数建立闭包完成在函数外部接见私有变量,称之为共有要领(特权要领),比方:

    function Student(){
      var name = 'jiang';
      this.getName = function(){
        return name;
      };
    };
    var xiaoming = new Student();
    console.log(xiaoming.getName()); // jiang   只要这类特权要领能够接见到

    特性:私有变量只能经由过程特权要领在函数外部被接见
    处理的题目:加强函数的封装性,函数作用域内得变量只能经由过程特权要领接见
    带来的题目:每一个实例都邑从新建立一个特权要领

静态私有变量

  • 定义: 在私有作用域内(马上实行函数)定义函数内的私有变量和全局的(变量没有声明就赋值时)匿名函数,为匿名函数增加原型要领,原型要领内接见函数内的变量,如许在函数外部能够能够经由过程变量称号直接接见全局的匿名函数上的原型要领,要领内部能够接见函数私有变量

    (function(){
      let name = 'jiang';
      student = function(){};
      student.prototype.getName = function(){
        return name;
      };
    })()
    console.log(student.prototype.getName()); // jiang
  • 处理的题目:处理了每一个实例都不同享的私有变量和特权要领的题目
  • 带来的题目:处理的题目也变成了它本身的题目,最好的计划是私有变量和静态私有变量连系运用

模块形式

  • 定义:模块形式就是把私有变量和单例形式连系起来,在JS中经由过程字面对象来建立对象是最简朴的单例形式,而私有变量是函数作用域被的,要领就是定义一个变量(单例对象),然后建立一个马上实行函数返回一个字面对象,对象内部建立大众的特权要领和属性,函数内部定义私有变量。

单例形式,比方

var a = {};
var a = {}; // 老是只要一个a对象
var a = (function(){
  var name = 'jiang'; // 私有变量
  return{ // 单例形式
    getName: function(){
      return name;
    }
  }
})()
console.log(a.getName());
  • 处理的题目:在单例内建立私有变量, 单例形式的运用场景是须要重复运用但不须要同时运用的对象,像毛病提醒弹框
  • 带来的题目:返回的对象是没有范例的就是不能经由过程instanceof确认对象范例

加强版的模块形式

  • 定义:将函数内返回的对象经由过程组织函数的体式格局声明,然后为其增加特权要领和属性,然后将对象返回,如许的对象就能够经由过程instanceof确认其范例了

    var a = (function(){
      var name = 'jiang';
      function Student(){};
      var xiaoming = new Student();
      xiaoming.getName = function(){
        return name;
      };
      return xiaoming;
    })()
    原文作者:walker_jiang
    原文地址: https://segmentfault.com/a/1190000017572442
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞