第二章-函数

1 函数的定义和调用

　　基本格式

function 函数名(参数列表){
    函数体
}

　　函数体中的return一旦执行, 函数就不在执行而是返回了

　　如果没有return, 则函数执行完毕就结束, 返回的值是undefined

　　第二种函数定义

var 函数名 = function (参数列表){
    函数体  
};

　　注意最后严谨一点加上分号表示赋值语句结束, 整个句子表示将函数赋值给一个变量, 该变量(参数列表) 就可以执行函数了

　　调用函数

　　　　函数名(参数列表);

　　　　函数赋值的变量(参数列表);

　　JavaScript有个十分随意的设定, 传入的参数是, 可以传入多余需要的参数, js会按照顺序得到需要的参数, 剩余的参数不管, 不会报错, 同理少传入参数也没有关系, 缺少的参数会设置为undefined

　　在函数内部, 有个特殊变量arguments

　　该变量存储传入进来的所有参数, 可以用类似于数组的方式获得数据

　　

　　配合arguments使用的是rest, 它可以排除函数定义的参数列表的参数

 　　

　　　　当传入的参数少于参数列表的参数, rest得到的是一个空数组, 而不是undefined

　　特殊注意:

　　　　JavaScript尽管可以不加分号, 但是它实际上会在一行的末尾自动添加上分号

　　　　这点就可能造成一下误会, 比如return与后面的返回值写成了两行, 那么其实际情况会是return; 返回语句;这样就出意外了

　　　　

2 变量作用域

　　在函数内定义的变量的作用域只是函数, 函数外面无法引用到函数内部定义的变量

　　函数可以嵌套, 内部函数可以使用外部函数的变量, 但反过来不行

　　变量的查找也是从内向外查找的

　　特殊注意:变量提升

　　　　JavaScript在函数中有一个十分诡异的操作

　　　　它会先过一遍函数体, 然后把所有变量声明提到函数体首部

　　　　

　　因此在函数中, 一定要养成先定义变量的好习惯

 　　不在任何函数内定义的变量就具有全局作用域

　　事实上, 是将该变量绑定给了特殊对象windows

 　　

　　因此JavaScript只有一个全局作用域

　　为了解决这个问题, 可以使用名字空间

　　定义一个全局变量, 这个变量是个对象类型, 以后就往这个对象上添加内容就好了, 这样就会减少重名的情况

　　for循环不能形成局部作用域, 要使得for中的变量是局部的, 需要使用关键字let

　　let用于代替var声明一个块级作用域的变量

　　常量, 名字的所有字母用大写形式表示, 尽管它确实可以被修改, 但是不要修改它

　　常量可以用const来定义

3 方法

　　绑定给对象的函数叫做方法

　　在方法中, 有个特殊的变量this, 这个值始终指向当前对象

　　

　　但是如果直接调用计算age的方法, 就会出现预期之外的答案

　　

　　原因是, this会视情况而定指向谁, xiaoming.age就是执行的xiaoming, getAge()实际上是windows.getAge()所以指向的是windows

　　可以使用apply或者来实现具体制定this指向

　　　　apply(指向的对象, [原函数的参数列表])

　　　　call(指向的对象, 原函数的参数列表)

　　　　

　　装饰器

　　　　装饰器的意思是在不改变原有函数的基础上, 给其新增功能

　　　　JavaScript的实现是, 将原来的函数保存起来, 在定义同名的函数, 这个函数内部先执行添加功能的代码, 再执行原函数

　　　　代码如下

var count = 0;
var oldParseInt = parseInt;

window.parseInt = function () {
    count += 1;
    return oldParseInt.apply(null, arguments); // 调用原函数
};

parseInt('10');
parseInt('20');
parseInt('30');
count; 

　　　　记得使用原函数的时候, 要使用apply函数防止原函数中的this失效

4 高阶函数

　　高阶函数, 这个函数的参数是另一个函数(一个函数作为另一个函数的参数, 这种函数就是高阶函数)

　　(1) map和reduce

　　　　扩展阅读: MapReduce: Simplified Data Processing on Large Clusters

　　　　map会传入一个函数作为参数, 会让一个序列的所有值都让该函数执行, 然后将结果返回最后组成一个新的序列

　　　　

　　　　reduce方法是取两个参数给函数, 函数再返回一个结果加上一个新元素, 继续运算, 直到运算完毕

　　　　

　　　　奇怪的现象

　　　　

　　(2) filter

　　　　filter用于过滤, 传入一个函数, 该函数的返回值是true和false, 当返回值为true时, 该值被保留, 为false时不保留

　　　　

　　　　filter接受的函数事实上是一个回调函数, 可以接受三个参数, 分别是: 元素, 索引, 调用者本身

　　　　

　　　　利用filter删除重复的元素

　　　　

　　(3) sort

　　　　用于排序, 但是这个排序十分的诡异

　　　　排序是按照ASCII的顺序排序的, 非字符串会转成字符串排序

　　　　

　　　　数字自己不能比较大小的吗? 嗯?

　　　　

　　　　因此sort()可以传入一个排序函数作为排序的手段, 用返回值标记大小, 如-1, 0, 1

　　　　

5 闭包

　　函数也可以作为结果, 被一个函数返回(返回值也可以是一个函数)

　　闭包的应用

　　

6 箭头函数

　　箭头函数的定义基本格式是:

　　　　(参数列表)　=> {函数体}

　　　　如果函数体比较简陋, 就是一个表达式, 那么可以省略花括号和return

　　　　如果返回一个对象, 对象的花括号要记得写

　　　　注意, 如果使用箭头函数, 调用call和apply的时候, 平时传递的第一个参数对象时不会生效的, 箭头函数会直接忽略它

　　　　

　　　　可以看到结果是25而不是15

7 生成器

　　在js中, 可以使用yield来生成生成器, 且函数同时还可以使用return关键字

　　生成器形成之后需要调用next()来获取值

　　可以直接使用for..of来获取全部结果