你疏漏的 JS 函数硬核知识？这里帮你总结了

 // 普通函数：命名函数和匿名函数
function f1() {
    console.log('人生何处不相逢');
}
var f2 = function () {
    console.log('寒江孤影，江湖故人，相逢何必曾相识');
}
// 对象中的函数，专业点叫做方法，通过 对象.方法 方式调用
var Person = {
    speak: function () {
        console.log('人生处处是歌声');
    }
}
// 构造函数：通过 new 关键字调用
function Star() { }
new Star()
// 事件处理函数：事件触发时被调用
element.onclick = function () { }
// 定时器函数：由定时器选择时机调用
setInterval(function () { }, 1000)
// 立即执行函数：立即调用
(function () {
    console.log('first off')
}())

var o = {
  name: 'andy'
}
 function fn(a, b) {
      console.log(this);
      console.log(a+b)
};
fn(1,2)// 此时的this指向的是window 运行结果为3
fn.call(o,1,2)//此时的this指向的是对象o,参数使用逗号隔开,运行结果为3

         var o = {
            name: 'andy'
        }
        function fn(a, b) {
            console.log(this);
            console.log(a + b)
        };
        // 普通调用
        fn(1, 2)
        // call调用，将函数中的this修改为o对象
        fn.call(o, 1, 2)
        // apply 调用，区别在于参数列表必须以数组形式传递
        fn.apply(o,[1,2])

'use strict'
num = 10 
console.log(num)//严格模式后使用未声明的变量
--------------------------------------------------------------------------------
var num2 = 1;
delete num2;//严格模式不允许删除变量：删除变量的目的是希望释放内存，处理方式一般是将变量的值设置为null
--------------------------------------------------------------------------------
function fn() {
 console.log(this); // 严格模式下全局作用域中函数中的 this 是 undefined
}
fn();  
--------------------------------------------------------------------------------- function Star() {
    this.gender = '男';
}
// 不加new 调用Star，则this=undefined
console.log(Star().gender)
// 加new 调用Star，则this=对象
console.log(new Star().gender)
----------------------------------------------------------------------------------
setTimeout(function() {
  console.log(this); //严格模式下，定时器 this 还是指向 window
}, 2000);  

/*
        在一个函数中又嵌套函数，在JS中是没有问题的
        1）内部作用域可以访问外部作用域，所以f2中可以访问f1中的变量
        2）在全局作用域内，不访问函数f1中的变量
        */
        function f1() {
            var m = 100
            return function() {
                console.log(m)
            }        
        }
       var myfunc=f1()
       // myfunc 是一个变量，引用了f2的地址，myfunc() 就相当于执行了 f2()
       myfunc()  // f2()
       // console.log(m)

for (var i = 0; i < lis.length; i++) {
// 利用for循环创建了4个立即执行函数
// 立即执行函数也成为小闭包因为立即执行函数里面的任何一个函数都可以使用它的i这变量
(function(i) {
    lis[i].onclick = function() {
      console.log(i);
    }
 })(i);
} 

/*需求分析
打车起步价13(3公里内),  之后每多一公里增加 5块钱.  用户输入公里数就可以计算打车价格
如果有拥堵情况,总价格多收取2块钱拥堵费*/
 var car = (function () {
     var start_price = 13
     var start_juli = 3
     var total = 0
     return {
         price: function (juli) {
             if (juli <= start_juli) {
                 total = start_price
             } else if (juli > 3) {
                 total = start_price + (juli - start_juli) * 5
             }
             return total
         },
         yondu: function (flag) {
             return flag ? total + 2 : total
         }
     }
 })()
console.log(car.price(3));
console.log(car.price(10));
console.log(car.yondu(false));
console.log(car.yondu(true));

// 利用递归函数求斐波那契数列(兔子序列)  1、1、2、3、5、8、13、21...
// 用户输入一个数字 n 就可以求出 这个数字对应的兔子序列值
// 我们只需要知道用户输入的n 的前面两项(n-1 n-2)就可以计算出n 对应的序列值
function fb(n) {
  if (n === 1 || n === 2) {
        return 1;
  }
  return fb(n - 1) + fb(n - 2);
}
console.log(fb(3));

// 我们想要做输入id号,就可以返回的数据对象
 var data = [{
   id: 1,
   name: '家电',
   goods: [{
     id: 11,
     gname: '冰箱',
     goods: [{
       id: 111,
       gname: '海尔'
     }, {
       id: 112,
       gname: '美的'
     },
            ]
   }, {
     id: 12,
     gname: '洗衣机'
   }]
 }, {
   id: 2,
   name: '服饰'
}];
//1.利用 forEach 去遍历里面的每一个对象
 function getID(json, id) {
   var o = {};
   json.forEach(function(item) {
     // console.log(item); // 2个数组元素
     if (item.id == id) {
       // console.log(item);
       o = item;
       return o;
       // 2. 我们想要得里层的数据 11 12 可以利用递归函数
       // 里面应该有goods这个数组并且数组的长度不为 0 
     } else if (item.goods && item.goods.length > 0) {
       o = getID(item.goods, id);
     }
   });
   return o;
}