javascript函数

一、函数

1.函数定义方式

①函数声明方式 function 关键字 (命名函数)

function fn() {};

②函数表达式(匿名函数)

var fn = function() {};

③new Function()

var f = new Function('a', 'b', 'console.log(a + b)');
f(1, 2);
var fn = new Function('参数1', '参数2'..., '函数体')
注意
/*Function 里面参数都必须是字符串格式
第三种方式执行效率低，也不方便书写，因此较少使用
所有函数都是 Function 的实例(对象)  
函数也属于对象
*/

2.函数的调用

/* 1. 普通函数 */
function fn() {
    console.log('人生的巅峰');
}
fn();

/* 2. 对象的方法 */
var o = {
    sayHi: function() {
        console.log('人生的巅峰');
    }
}
o.sayHi();

/* 3. 构造函数*/
function Star() {};
new Star();

/* 4. 绑定事件函数*/
btn.onclick = function() {}; // 点击了按钮就可以调用这个函数

/* 5. 定时器函数*/
setInterval(function() {}, 1000);
//这个函数是定时器自动1秒钟调用一次

/* 6. 立即执行函数(自调用函数)*/
    (function() {
    console.log('人生的巅峰');
})();

3.高阶函数（回调函数）

高阶函数：是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。

4.函数参数默认值

（形参 实参）
参数默认值：函数调用中，没有给函数形参设置值，就可以给形参设置一个默认值

function fn(a = 1, b = 2) {
    console.log(a, b);
}
fn(); //1 2
// fn(3, 4);结果为3 4

总结：

• 函数参数是一个变量；
• 若形参没有设置默认值，也没有实参赋值，该形参的值为undefined;
• 若形参设置了默认值，没有实参赋值，该形参的值为设置的默认值；
• 若形参设置了默认值，实参也赋值了，该形参的值为实参。

5.arguments

arguments：当前函数的一个内置对象(伪数组)，对象中存储了传递的所有实参，即函数中用来保存实参信息的一个数组。（函数中参数个数不确定时推荐用arguments；参数个数确定用形参）

伪数组：  
	▪ 具有length属性
	▪ 按索引方式存储数据
	▪ 不具有数组的push和pop等方法
伪数组→真实数组：
	▪ Array.from()
	▪ [].slice.call(eleArr)或Array.prototype.slice.call(eleArr)

二、this

1.函数内部this指向

调用方式	this指向
普通函数	window
构造函数	实例对象，原型对象里面的方法也指向实例对象
对象方法调用	该对象所属方法
事件绑定方法	绑定事件对象
定时器函数	window
立即执行函数	window

2.改变函数内部this指向

①call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向。应用场景: 经常做继承

②apply() 方法调用一个函数。简单理解为调用函数的方式，但是它可以改变函数的 this 指向。应用场景: 经常跟数组有关系

③bind() 方法不会调用函数,但是能改变函数内部this 指向,返回的是原函数改变this之后产生的新函数。如果只是想改变 this 指向，并且不想调用这个函数的时候，可以使用bind。应用场景:不调用函数,但是还想改变this指向

三种方法的异同：
共同点 : 都可以改变this指向
不同点:
	• call 和 apply 会调用函数, 并且改变函数内部this指向.
	• call 和 apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递
	• bind 不会调用函数, 但会返回一个函数，可以改变函数内部this指向.
应用场景
	• call 经常做继承
	• apply经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值
	• bind 不调用函数,但是还想改变this指向. 比如改变定时器内部的this指向

三、严格模式

ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。严格模式可以应用到整个脚本或个别函数中。

“use strict”;

作用：约束js代码在书写格式上更加严谨。

设置位置：①js文件 ②script标签内设置 ③函数内部

严格模式对正常的 JavaScript 语义做了一些更改： 
①消除了 Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。
②消除代码运行的一些不安全之处，保证代码运行的安全。
③提高编译器效率，增加运行速度。
④禁用了在 ECMAScript 的未来版本中可能会定义的一些语法，为未来新版本的 Javascript 做好铺垫。比如一些保留字如：class,enum,export, extends, import, super 不能做变量名

<script>
    'use strict'
    num = 10
    console.log(num);
    //严格模式下变量得先定义再使用
    //----------------
    var num2 = 1;
    delete num2;
    //严格模式不允许删除变量
    //--------------
    function fn() {
        console.log(this);
        // 严格模式下全局作用域中函数中的 this 是 undefined
    }
    fn();
    //-------------
    function Star() {
        this.sex = '男';
    }
    // Star();严格模式下,如果 构造函数不加new调用, this 指向的是undefined 如果给他赋值则 会报错.
    var ldh = new Star();
    console.log(ldh.sex);
    //--------------
    setTimeout(function() {
        console.log(this);
        //严格模式下，定时器 this 还是指向 window
    }, 2000);
         
  //严格模式下，循环或分支语句中的函数不能跳出代码块访问//
</script>

四、闭包

1.变量作用域（全局、局部）

• 函数内部可以使用全局变量。
• 函数外部不可以使用局部变量。
• 当函数执行完毕，本作用域内的局部变量会销毁。

2.闭包

• 闭包（closure）：能够读取其他函数内部变量的函数
• 作用：延伸变量的作用范围、避免全局变量污染

3.内存管理

JS数据类型：
原始类型：number string bool null undefined symbol bigint 存储在栈
引用类型:Object Array function，名字存储在栈，值存储在堆

4.垃圾回收机制

垃圾回收机制：js在创建变量时，自动进行分配内存，并且在不使用它们时自动释放，释放的过程就是垃圾回收机制

垃圾回收方式：标记清除、引用计数

5.内存泄漏

任何对象在不再拥有或需要它时，它仍然存在

五、递归

1.递归

如果一个函数在内部可以调用其本身，那么这个函数就是递归函数。简单理解:函数内部自己调用自己, 这个函数就是递归函数。

注意：递归函数的作用和循环效果一样，由于递归很容易发生“栈溢出”错误（stack overflow），所以必须要加退出条件return。

2.求1—n的阶乘

<script>
    function fn(n) {
        if (n == 1) {
            return 1;
        }
        return n * fn(n - 1);
    }
    console.log(fn(3));
    console.log(fn(1));
</script>

3.求斐波那契数列

（利用递归函数求斐波那契数列(兔子序列) 1、1、2、3、5、8、13、21…）

function fb(n) {
    if (n === 1 || n === 2) {
        return 1;
    }
    return fb(n - 1) + fb(n - 2);
}
console.log(fb(3));
console.log(fb(6));

4.遍历数据

function getID(json, id) {
    var o = {};
    json.forEach(function(item) {
        // console.log(item); // 2个数组元素
        if (item.id == id) {
            // console.log(item);
            o = item;
            // 2. 我们想要得里层的数据 11 12 可以利用递归函数
            // 里面应该有goods这个数组并且数组的长度不为 0 
        } else if (item.goods && item.goods.length > 0) {
            o = getID(item.goods, id);
        }
    });
    return o;
}
console.log(getID(data, 1));
console.log(getID(data, 2));
console.log(getID(data, 11));