1、写一个函数可以直接用function,或者var一个变量,另外一个就是利用函数表达式。
特别说明:Function构造函数接受三个参数,除了最后一个参数是add函数的“函数体”,其他参数都是add函数的参数。
可以传递任意数量的参数给Function构造函数,只有最后一个参数会被当做函数体,如果只有一个参数,该参数就是函数体。
var add = new Function(
'x',
'y',
'return x + y'
);
// 等同于
function add(x, y) {
return x + y;
}
2、不能在条件语句中声明函数(在像if这样的代码块中声明函数的时候最好使用var,因为普通function函数声明头会提升,if代码块关不住function声明头提升)
ES5 的规范,不得在非函数的代码块中声明函数,最常见的情况就是if和try语句。
if (foo) {
function x() {}
}
try {
function x() {}
} catch(e) {
console.log(e);
}
写在代码块中是不合法的,但是往往浏览器不会报错,但是偶尔会影响,因为函数声明头的提升!
if (false) {
function f() {}
}
f() // 不报错
由于存在函数名的提升,所以在条件语句中声明函数,可能是无效的,这是非常容易出错的地方
上面代码的原始意图是不声明函数f,但是由于f的提升,导致if语句无效,所以上面的代码不会报错。要达到在条件语句中定义函数的目的,只有使用函数表达式。
if (false) {
var f = function () {};
}
f() // undefined
3、函数的属性
name属性返回函数的名字
function f1() {}
f1.name // "f1"
var f2 = function () {};
f2.name // "f2"
length属性返回函数预期传入的参数个数,即函数定义之中的参数个数。
function f(a, b) {}
f.length // 2
toString方法返回一个字符串,内容是函数的源码,函数内部的注释也可以返回。
function f() {/*
这是一个
多行注释
*/
a();
}
f.toString()
// function f() {/*
// 这是一个
// 多行注释
//*/
// a();
// }
4、函数作用域是其声明时所在的作用域,与其运行时所在的作用域无关。函数执行时所在的作用域,是定义时的作用域,而不是调用时所在的作用域。
var a = 1;
var x = function () {
console.log(a);
};
function f() {
var a = 2;
x();
}
f() // 1
//函数x是在函数f的外部声明的,所以它的作用域绑定外层,内部变量a不会到函数f体内取值,所以输出1,而不是2。
4、如果有同名的参数,则取最后出现的那个值。
function f(a, a) {
console.log(a);
}
f(1, 2) // 2
如果要获得第一个a的值,可以使用arguments对象。
function f(a, a) {
console.log(arguments[0]);
}
f(1) // 1
5、正常模式下,arguments对象可以在运行时修改。
严格模式下,arguments对象是一个只读对象,修改它是无效的,但不会报错。
var f = function(a, b) {
arguments[0] = 3;
arguments[1] = 2;
return a + b;
}
f(1, 1) // 5
var f = function(a, b) {
'use strict'; // 开启严格模式
arguments[0] = 3; // 无效
arguments[1] = 2; // 无效
return a + b;
}
f(1, 1) // 2
通过arguments对象的length属性,可以判断函数调用时到底带几个参数。
function f() {
return arguments.length;
}
f(1, 2, 3) // 3
f(1) // 1
如果要让arguments对象使用数组方法,真正的解决方法是将arguments转为真正的数组。下面是两种常用的转换方法:slice方法和逐一填入新数组。
var args = Array.prototype.slice.call(arguments);
// 或者
var args = [];
for (var i = 0; i < arguments.length; i++) {
args.push(arguments[i]);
}
arguments对象带有一个callee属性,返回它所对应的原函数。
var f = function () {
console.log(arguments.callee === f);
}
f() // true
可以通过arguments.callee,达到调用函数自身的目的。这个属性在严格模式里面是禁用的,因此不建议使用。
6、关于eval(),eval命令的作用是,将字符串当作语句执行。
eval('var a = 1;');
a // 1
eval没有自己的作用域,如果使用严格模式,eval内部声明的变量,不会影响到外部作用域。
var a = 1;
eval('a = 2');
a // 2
(function f() {
'use strict';
eval('var foo = 123'); //这种情况下,eval中的语句就像function(){}中的一样,可以关注作用域了
console.log(foo); // ReferenceError: foo is not defined
})()