第三章 函数
1.函数形参的默认值
function makeRequest(url, timeout = 2000, callback = function() {}) {
}
2.arguments
在非严格模式下, 命名参数的变化会同步更新到arguments对象中, 然而, 在ESMAScript5的严格模式下, 取消了arguments对象的这个令人感动疑惑的行为
function(first) {
console.log(first === arguments[0]); // true (ESMAScript5的严格模式: true)
first = "c";
console.log(first === arguments[0]); // true (ESMAScript5的严格模式: false)
}
在ECMAScript6中, 如果函数使用了默认参数值, 则无论是否显示定义为严格模式, arguments对象行为都将与ECMAScript5严格模式下保持一致
3.默认参数表达式
function getValue() {
return 5;
}
function add(first, second = getValue()) {
}
console.log(add(1, 1)); // 2
console.log(add(1)); // 6
4.不定参数
在函数的命名参数前添加三个点(...)就表明这是个不定参数,该参数为一个数组
- 不定参数的使用限制:
- 每个函数最多只能声明一个不定参数, 而且一定要在所有参数末尾
- 不定参数不能使用于对象字面量setter中
- 无论是否使用不定参数, arguments对象总是包含所有传入函数的参数;
function pick(object, ...keys) {
let result = Object.create(null);
for(let i = 0, len = keys.length; i < len; i++) {
result[keys[i]] = object[keys[i]];
}
return result;
}
5.展开运算符
展开运算符与不定参数类似(貌似功能相反那种)
展开运算符可以打开指定的数组, 以独立的形式传入函数
需求:利用Math.max()求多个数的最大值, 希望以数组形式传参
+ 可以这样
let values = [25, 50, 75, 100];
console.log(Math.max.apply(Math, values));
+ 也可以这样
console.log(Math.max(...values));
6.name属性
为了解决匿名函数表达式的广泛使用增加的调试难度, ES6增加了name属性
function doSomething() {}
var doOther = function() {}
console.log(doSomething.name);
console.log(doOther.name);
7.元属性(Metaproperty) new.target
为了判断是否通过new关键字调用的问题,ES6中引入new.target(注意点: 只能在函数内使用)这个元属性
function Person(name) {
if(typeof new.target !== 'undefined') {
this.name = name;
}else {
throw new Error('必须通过new关键字调用函数');
}
}
var p = new Person("Jack");
var notP = Person.call(p, "Rose"); // 抛出错误
8.块级函数
块级函数和let函数的区别: let函数不会被提升
"use strict";
if(true) {
console.log(typeof doSomething); // 抛出错误
let doSomething = function() {}
doSomething();
}
console.log(typeof doSomething);
9.箭头函数
- 没有this, super, arguments, new.target绑定
- 不能通过new关键字调用
- 没有原型