- 函数声明的方式:
//函数声明,结尾无需分号function print(s) { console.log(s);}复制代码
//将一个匿名函数赋值给变量,称函数表达式,语句结尾需要分号//如果写上函数名,用处:可以在函数体内部调用自身;方便除错var print = function(s) { console.log(s);};复制代码
//不直观的构造函数,少用var add = new Function( 'x',//参数 'y',//参数 'return x + y'//函数体);// 等同于function add(x, y) { return x + y;//函数体}复制代码
- 如果同一个函数被多次声明,后面的声明就会覆盖前面的声明。
- 函数可以调用自身,这就是递归(recursion)。
//计算斐波那契数列function fib(num) { if (num === 0) return 0; if (num === 1) return 1; return fib(num - 2) + fib(num - 1);}fib(6) // 8复制代码
- 凡是可以使用值的地方,就能使用函数。可以把函数赋值给变量和对象的属性,也可以当作参数传入其他函数,或者作为函数的结果返回。函数与其他数据类型地位平等,在 JavaScript 语言中称函数为第一等公民。
- JavaScript 引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部。但是,如果采用赋值语句定义函数,JavaScript 就会报错。
如果同时采用function命令和赋值语句声明同一个函数,最后总是采用赋值语句的定义。
var f = function () { console.log('1');}function f() { console.log('2');}f() // 1复制代码
- 函数的name属性返回函数的名字。如果是通过变量赋值定义的函数,那么name属性返回变量名。如果变量的值是一个具名函数,那么name属性返回function关键字之后的那个函数名。函数的length属性返回函数预期传入的参数个数,即函数定义之中的参数个数。函数的toString方法返回一个字符串,内容是函数的源码包括注释。
- 函数外部声明的变量就是全局变量(global variable),可以在函数内部读取。在函数内部定义的变量,外部无法读取,称为“局部变量”(local variable)。函数内部定义的变量,会在该作用域内覆盖同名全局变量。对于var命令来说,局部变量只能在函数内部声明,在其他区块中(比如if语句中)声明,一律都是全局变量。
- 与全局作用域一样,函数作用域内部也会产生“变量提升”现象。
- 函数执行时所在的作用域,是定义时的作用域,而不是调用时所在的作用域。
var a = 1;var x = function () { console.log(a);};function f() { var a = 2; x();}f() // 1复制代码
- 函数参数不是必需的,JavaScript 都不会报错。省略的参数的值就变为undefined。没有办法只省略靠前的参数,而保留靠后的参数。如果一定要省略靠前的参数,只有显式传入undefined。
function f(a, b) { return a;}f( , 1) // SyntaxError: Unexpected token ,(…)f(undefined, 1) // undefined复制代码
- 函数参数如果是原始类型的值(数值、字符串、布尔值),传递方式是传值传递(passes by value)。这意味着,在函数体内修改参数值,不会影响到函数外部。 如果函数参数是复合类型的值(数组、对象、其他函数),传递方式是传址传递(pass by reference)。也就是说,传入函数的原始值的地址,因此在函数内部修改参数,将会影响到原始值。如果函数内部修改的,不是参数对象的某个属性,而是替换掉整个参数,这时不会影响到原始值。
var p = 2;function f(p) { p = 3;}f(p);p // 2复制代码
var obj = { p: 1 };function f(o) { o.p = 2;}f(obj);obj.p // 2复制代码
var obj = [1, 2, 3];function f(o) { o = [2, 3, 4];}f(obj);obj // [1, 2, 3]复制代码
- 如果有同名的参数,则取最后出现的那个值。
function f(a, a) { console.log(a);}f(1) // undefined复制代码
使用arguments对象。
function f(a, a) { console.log(arguments[0]);}f(1) // 1复制代码
- arguments对象:一种可以在函数体内部读取所有参数的机制。 正常模式下,arguments对象可以在运行时修改。
var f = function(a, b) { arguments[0] = 3; arguments[1] = 2; return a + b;}f(1, 1) // 5//严格模式下,arguments对象只读,修改无效,不报错。复制代码
arguments.length
判断函数调用时到底带几个参数。 arguments,类数组。数组专有的方法(比如slice和forEach),不能在arguments对象上直接使用。 将arguments转为真数组:
var args = Array.prototype.slice.call(arguments);// 或者var args = [];for (var i = 0; i < arguments.length; i++) { args.push(arguments[i]);}复制代码
arguments对象带有一个callee属性,返回它所对应的原函数。可以通过arguments.callee调用函数自身。严格模式禁用,不建议使用。
var f = function () { console.log(arguments.callee === f);}f() // true复制代码
- 闭包的最大用处有两个,一个是可以读取函数内部的变量,另一个就是让这些变量始终保持在内存中,即闭包可以使得它诞生环境一直存在。
function createIncrementor(start) { return function () { return start++; };}var inc = createIncrementor(5);inc() // 5inc() // 6inc() // 7复制代码
闭包的另一个用处,是封装对象的私有属性和私有方法。滥用闭包会造成网页的性能问题。 15. 立即执行函数的写法:
(function(){ /* code */ }());// 或者(function(){ /* code */ })();//最后分号必须复制代码
任何让解释器以表达式来处理函数定义的方法,都能产生同样的效果。下面的写法都可以。
var i = function(){ return 10; }();true && function(){ /* code */ }();0, function(){ /* code */ }();!function () { /* code */ }();~function () { /* code */ }();-function () { /* code */ }();+function () { /* code */ }();复制代码
只对匿名函数使用这种“立即执行的函数表达式”。它的目的有两个:一是不必为函数命名,避免了污染全局变量;二是 IIFE 内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量。
本文整理自阮一峰所作《JavaScript教程》。