ECMAScript中的函数声明,表达式,构造函数
程序员文章站
2022-05-01 20:47:50
有 3 种定义函数的方式 函数声明 函数表达式 Function 构造函数(很少使用) 函数声明 关键字后需要指定函数名 函数表达式 关键字后不用指定函数名;函数末尾需要添加一个分号,就像声明其他变量时一样 Function 构造函数 构造函数可以接收任意数量的参数,但最后一个参数始终都被看成是函数 ......
有 3 种定义函数的方式
- 函数声明
- 函数表达式
- function 构造函数(很少使用)
函数声明
function
关键字后需要指定函数名
function sum(num1, num2) { return num1 + num2; } // 不加分号 console.log(sum(2, 3)); // 5
函数表达式
function
关键字后不用指定函数名;函数末尾需要添加一个分号,就像声明其他变量时一样
var sum = function (num1, num2) { return num1 + num2; }; // 加分号 console.log(sum(2, 3)); // 5
function 构造函数
function
构造函数可以接收任意数量的参数,但最后一个参数始终都被看成是函数体,而前面的参数则枚举出了新函数的参数。
var sum = new function('num1', 'num2', 'return num1 + num2'); // 不推荐 console.log(sum(2, 3)); // 5
函数声明与函数表达式
函数声明 与 函数表达式 是有区别的。执行代码时,解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。
同时说明:函数声明会被提升;函数声明要早于变量声明被解析器读取;
// 函数声明提升 console.log(sum(2, 3)); // 5 (函数声明被提升到源代码树顶部) function sum(sum1, sum2) { return sum1 + sum2; }
如果把上面的函数声明改为等价的函数表达式,执行将报错:
console.log(sum(2, 3)); // typeerror: sum is not a function var sum = function (sum1, sum2) { return sum1 + sum2; }
关于ecmascript中的函数
-
函数实际是对象。每个函数都是
function
类型的实例,而且都与其他引用类型一样具有属性和方法。 - 由于函数是对象,因此 函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。即:函数是对象,函数名是指针
- 因为函数名本身就是变量,所以函数也可以作为值来使用。也就是说,不仅可以像传递参数一样把函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回。
- 要访问函数的指针而不执行函数的话,必须去掉函数名后面的那对大括号。
- 没有重载,后面的函数会覆盖前面的同名函数。
- 每个函数都包含两个非继承而来的方法:apply() 和 call()。用途都是在特定的作用域中调用函数,即设置函数体内 this 对象的值。
function sum(num1, num2) { return num1 + num2; } console.log(sum(2, 3)); // 5 var anothersum = sum; // 使用 不带圆括号 的函数名是访问函数指针,而非调用函数 console.log(anothersum(2, 3)); // 5 // 以下为关键代码 sum = null; console.log(anothersum(2, 3)); // 5
可以结合以下例子理解
var obj1 = new object(); var obj2 = obj1; obj1.name = 'nicholas'; console.log(obj2.name); // nicholas obj1 = null; console.log(obj2.name); // nicholas