JS学习 函数的理解
ECMAScript 的函数实际上是功能完整的对象。
函数的理解
用 Function 类直接创建函数,格式如下。可理解为Function构造器。
var function_name = new Function(arg1, arg2, ..., argN, function_body)
通过Function类定义一个函数
var sayHi = new Function("sName", "sMessage", "alert(\"Hello \" + sName + sMessage);");
出于效率原因我们一般不这么写。而采用下面的写法
function sayHi(sName, sMessage) { alert("Hello " + sName + sMessage); }
但我们只要知道所有函数都应看作 Function 类的实例。函数名只是指向函数对象的引用值,行为就像其他对象一样。
怎么理解行为?函数默认有length属性,跟其他对象一样默认也有valueOf() 方法及 toString() 方法。
函数的定义
定义函数有多种方式,大致分两类,声明式和表达式
1. 最普通的,以function开头
function foo(a, b){ return a+b; }
2. 将函数表达式赋值给一个变量
var foo = function (a, b){ return a+b; }
立即执行表达式
(function(){ // do sth })()
将函数对象作为表达式返回
return function(){ // do sth }
命名的函数表达式
var add = function foo(a, b){ // do sth };
函数声明和函数表达式的差异
如下图:使用函数声明可正确的输出结果3,但是用函数表达式定义的函数结果是undefined。
原因是,当JS执行之前。解析器会读取函数声明添加到执行环境中。对代码求值时,JS引擎在第一遍会声明函数并将它们放到源代码树的顶部。就好像先执行了function add(), 然后才执行了 var number = add()。函数被提前了。
同样的函数表达式也会被提前,也就是var add被提前,但是值是undefined。这里将undefined像函数那样去调用就报了“undefined is not a function”。