您好,欢迎访问代理记账网站
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

ES6函数进阶-01

函数
基本概念:
一段JavaScript代码,它只定义一次,但可能被执行或调用任意次。
函数的定义会包括一个称为形参(parameter)的标识符列表,这些参数在函数体中像局部变量一样工作。
函数调用会为形参提供实参的值。函数使用实参的值来计算返回值,除了实参之外,每次调用还会有一个另一个值(本次调用的下上文),即this关键字。
函数可以嵌套在其他函数中定义,从而可以访问它们被定义时所处的作用域的任何变量。
形成闭包。
函数定义构成:
一:函数名的标识符。
函数名称是函数声明语句中必需的部分,用途就像变量的名字,新定义的函数对象会赋值给这个变量。
二:一个圆括号。由标识符组成。
三:一对花括号。由JS语句组成。
函数定义:
1.声明语法

function add(num1, num2) {
  return num1 + num2;
}

2.函数表达式

let sub = function (num1, num2) {
  return num1 - num2;
};

声明语法和函数表达式的区别
以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用(函数声明整体会被提升到当前作用域的顶部,函数表达式也提升到顶部但是只有其变量名提升)
3.通过构造对象的形式
Function构造函数
这个构造函数接收任意多个字符串参数,最后一个参数始终会被当成函数体,而之前的参数都是新函数的参数。

let sum = new Function(
    "num1",
    "num2",
    "let result=num1+num2; return result;"
  );
//

不推荐使用这种语法来定义函数,因为这段代码会被解释两次:第一次是将它当作常规ECMAScript 代码,第二次是解释传给构造函数的字符串。这显然会影响性能。

***arguments对象***
一个类数组对象(但不是 Array 的实例),因此可以使用中括号语法访问其中的元素。
如,第一个参数是 arguments[0],第二个参数是 arguments[1]。
要确定接收到的参数个数,可以访问 arguments.length 属性。

function likes(name, fav1, fav2) {
console.log(${name}喜欢${fav1}、${fav2}。);
let output = ${name}喜欢;
let argCount = arguments.length;
for (let i = 1; i < argCount - 1; i++) {
output += ${arguments[i]}、;
}
output += ${arguments[argCount - 1]}。;
console.log(output);
}
likes(“小明”, “读书”, “篮球”);
likes(“小明”, “读书”, “篮球”, “游泳”, “骑车”);


***函数参数***
参数默认值
ES5写法:

function f1(name, age) {
name = name ? name : “User”;
age = age ? age : 0;
console.log(name, age);
}
f1();
f1(“Tom”);
ES6简化
function f2(name = “User”, age = 0) {
console.log(name, age);
}
f2();
f2(“Tom”);
常见问题:
function sum1() {
return Array.from(arguments).reduce((x, y) => x + y, 0);
}
let sum2 = () => {
return Array.from(arguments).reduce((x, y) => x + y, 0);
};
console.log(sum1(1, 2, 3), sum2(1, 2, 3));
箭头函数不支持arguments对象。
let sum3 = (…nums) => {
return nums.reduce((x, y) => x + y, 0);
};
console.log(sum3(1, 2, 3));
箭头函数支持剩余函数。
function f1(x, y, …nums) {
console.log(arguments);
console.log(nums);
}
f1(1, 2, 3, 4, 5, 6);
f1(1, 2);
arguments对象包含了剩余参数值。
剩余参数没有接收到实参值时,为空数组。
function f2(x, …nums, y) {
console.log(nums);
console.log(y);
}
f2(1, 2, 3, 4, 5);
剩余参数必须位于参数列表的末尾。



分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进