美文网首页
二、js函数

二、js函数

作者: mjwz5294 | 来源:发表于2018-02-23 17:38 被阅读0次

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(生成器)看上去像一个函数,但可以返回多次。最大的好处是,可以保存状态并返回值

相关文章

  • 二、js函数

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

  • js中变量和函数声明的提升

    二 、 js中变量和函数声明的提升

  • 01-25 js基础属性

    什么是js 一:js基础语法 二:变量 三:运算符 四:分之结构 五:循环 六:函数function 函数名(参数...

  • JAVA 之 JS知识框架

    一、js的简介 二、js基本语法 三、js内建对象 四、js的函数 五、js的事件 六、js的bom 七、js的dom

  • JavaScript 05 函数

    js函数的概念和作用,js函数的定义,js函数的调用,js事件驱动的概念,js函数的实参和形参,js的作用域,js...

  • js 深入

    * js语法* js的动态函数和匿名函数* js动态函数Functionnew Function();* 匿名函数...

  • JS去除字符串左右两端的空格

    var str=' 测试 '; 一、函数 函数调用 trim(str) 二、js对象的方法 类中...

  • html文件调用webpack打包js文件出现函数not def

    一、问题 html文件 js webpack打包js后html调用js文件中的函数 二、原因 webpack的打包...

  • Vue中如何定义全局函数

    方法一://在mian.js中写入函数 //在所有组件里可调用函数 方法二:// 写好自己需要的base.js文件...

  • JS面向对象精要(二)_函数

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

网友评论

      本文标题:二、js函数

      本文链接:https://www.haomeiwen.com/subject/qowxxftx.html