欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ECMAScript中的函数声明,表达式,构造函数

程序员文章站 2022-09-27 08:50:59
有 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