js（JavaScript）函数声明的⼏种形式及⽤法1、函数声明
语法：
function functionName(parameters) {
执⾏的代码
}
函数声明后不会⽴即执⾏，只是在初始化的时候会将函数声明提升，会在我们需要的时候调⽤到。
2、函数表达式（匿名函数）
语法：
var x = function (a, b) {return a * b};
var z = x(4, 3);
以上函数实际上是⼀个匿名函数 (函数没有名称)。
函数存储在变量中，不需要函数名称，通常通过变量名来调⽤。
3、Function() 构造函数
通过内置的 JavaScript 函数构造器（Function()）定义。
语法：
var myFunction = new Function("a", "b", "return a * b");
var x = myFunction(4, 3);
如果函数调⽤前使⽤了 new 关键字, 则是调⽤了构造函数。
这看起来就像创建了新的函数，但实际上 JavaScript 函数是重新创建的对象：
// 构造函数:
function myFunction(arg1, arg2) {
this.firstName = arg1;
this.lastName  = arg2;
}
// This    creates a new object
var x = new myFunction("John","Doe");
x.firstName;                            // 返回 "John"
构造函数的调⽤会创建⼀个新的对象。新对象会继承构造函数的属性和⽅法。
构造函数中 this 关键字没有任何的值。 this 的值在函数调⽤实例化对象(new object)时创建。
实际上，你不必使⽤构造函数。上⾯实例可以写成：
var myFunction = function (a, b) {return a * b};
var x = myFunction(4, 3);
4、⾃调⽤函数
函数表达式可以 "⾃调⽤"。
⾃调⽤表达式会⾃动调⽤。
如果表达式后⾯紧跟 () ，则会⾃动调⽤。
不能⾃调⽤声明的函数。
通过添加括号，来说明它是⼀个函数表达式：
(function () {
var x = "Hello!!";      // 我将调⽤⾃⼰
})();
//为⼀个匿名⾃调⽤函数
5、箭头函数
ES6 新增了箭头函数。
箭头函数表达式的语法⽐普通函数表达式更简洁。
语法：
(参数1, 参数2, …, 参数N) => { 函数声明 }
(参数1, 参数2, …, 参数N) => 表达式(单⼀)
// 相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }
当只有⼀个参数时，圆括号是可选的：
(单⼀参数) => {函数声明}
单⼀参数 => {函数声明}
没有参数的函数应该写成⼀对圆括号:
() => {函数声明}
例：
/
/ ES5
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
有的箭头函数都没有⾃⼰的 this。不适合顶⼀个对象的⽅法。
当我们使⽤箭头函数的时候，箭头函数会默认帮我们绑定外层 this 的值，所以在箭头函数中 this 的值和外层的 this 是⼀样的。箭头函数是不能提升的，所以需要在使⽤之前定义。
使⽤ const ⽐使⽤ var 更安全，因为函数表达式始终是⼀个常量。
如果函数部分只是⼀个语句，则可以省略 return 关键字和⼤括号 {}，这样做是⼀个⽐较好的习惯:
6、使⽤函数注意点
（1）、函数提升
在之前的教程中我们已经了解了 "hoisting(提升)"。
提升（Hoisting）是 JavaScript 默认将当前作⽤域提升到前⾯去的的⾏为。
typeof的用法
提升（Hoisting）应⽤在变量的声明与函数的声明。
因此，函数可以在声明之前调⽤：
myFunction(5);
function myFunction(y) {
return y * y;
}
注意：使⽤表达式定义函数时⽆法提升。
（2）、函数式对象
在 JavaScript 中使⽤ typeof 操作符判断函数类型将返回 "function" 。
但是JavaScript 函数描述为⼀个对象更加准确。
JavaScript 函数有属性和⽅法。
arguments.length 属性返回函数调⽤过程接收到的参数个数：
function myFunction(a, b) {    //2
return arguments.length;
}
  toString() ⽅法将函数作为⼀个字符串返回:
function myFunction(a, b) {
return a * b;
}
var txt = String();    //function myFunction(a, b) { return a * b; }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。