二、js函数

1、由于JavaScript的函数也是一个对象,我们叫它函数对象,而函数名可以视为指向该函数的变量。因此函数定义有两种方式:

(1)function abs(x) {

    if (x >= 0) {

        return x;

    } else {

        return -x;

    }

}

(2)var abs = function (x) {

    if (x >= 0) {

        return x;

    } else {

        return -x;

    }

};

2、关键字arguments:它只在函数内部起作用,指向调用者传入的所有参数。

3、关键字rest:它只在函数内部起作用,指向调用者传入的其它参数。如:

function foo(a, b, ...rest) {

    console.log('a = ' + a);

    console.log('b = ' + b);

    console.log(rest);

}

foo(1, 2, 3, 4, 5);

// 结果:

// a = 1

// b = 2

// Array [ 3, 4, 5 ]

4、变量作用域:

(1)函数内用let定义的变量,其作用域就在函数内

(2)全局变量:js的全局变量都是绑定到window对象的,在其它地方就可以直接调用。

(3)如果不同文件定义的全局变量使用了相同的名称,则会有命名冲突且很难发现。解决这个问题的办法就是,创建一个全局对象,然后把相关变量集中到该对象中,只要这个对象没有命名冲突就行了。

5、解构赋值:可以同时对一组变量进行赋值,比如要交换两个变量的值,直接[x, y] = [y, x],而无需中间变量。

6、方法:绑定在一个对象上的函数,我们称其为该对象的方法。

(1)方法中通过this关键字,可以获取对象的所有属性

(2)this的指向视情况而定,若以对象方法的形式调用,则指代对象。若以方法的形式调用,则指代window。要保证this指向正确,必须用obj.xxx()的形式调用!即使下面的方式也不行:

var fn = xiaoming.age; // 先拿到xiaoming的age函数

fn(); // NaN

(3)方法体内的子函数中,this也是指代window,我们可以在函数后面使用bind(this),将this指向对象。

7、高阶函数:将函数作为参数传入函数,js中提供了一些很实用的高阶函数

(1)map():是array的方法,传入一个函数做参数,则array中的所有元素都要执行这个函数,最终返回一个新数组,这样做一行代码就可以解决之前需要各种循环才能解决的问题。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

var results = arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]

(2)reduce():累计计算,如:

var arr = [1, 3, 5, 7, 9];

arr.reduce(function (x, y) {

    return x + y;

}); // 25

需要注意的是,传入的函数只能接受两个参数

(3)filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。如:

var arr = [1, 2, 4, 5, 6, 9, 10, 15];

var r = arr.filter(function (x) {

    return x % 2 !== 0;

});

r; // [1, 5, 9, 15]

(4)Array的sort()方法就是用于排序的。通常规定,对于两个元素x和y,如果认为x < y,则返回-1,如果认为x == y,则返回0,如果认为x > y,则返回1,这样,排序算法就不用关心具体的比较过程,而是根据比较结果直接排序。由于Array的sort()方法默认把所有元素先转换为String再排序,所以有

[10, 20, 1, 2].sort(); // [1, 10, 2, 20]

显然sort的默认排序规则用的不多,但幸运的是,sort()方法也是一个高阶函数,它还可以接收一个比较函数来实现自定义的排序。如:

arr.sort(function (x, y) {

    if (x < y) {

        return -1;

    }

    if (x > y) {

        return 1;

    }

    return 0;

});

8、闭包:函数返回结果为函数

9、箭头函数:一种定义函数的方式,使得代码比较简洁

10、一个generator(生成器)看上去像一个函数,但可以返回多次。最大的好处是,可以保存状态并返回值

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,711评论 0 13
  • SwiftDay011.MySwiftimport UIKitprintln("Hello Swift!")var...
    smile丽语阅读 9,309评论 0 6
  • 1. 本文是在学习廖雪峰先生的JavaScrip教程 后的归纳 一、JavaScript函数 JavaScript...
    ting723阅读 3,222评论 0 3
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 14,750评论 0 38
  • 一年前,刚工作时,养过一只宠物狗。悉心照顾,为了它,懒惰如我,也坚持每早晨起锻炼,其实,就是为了带它遛弯。一次深夜...
    wu1阅读 1,391评论 0 0

友情链接更多精彩内容