arguments
arguments 是一个类似数组的对象, 对应于传递给函数的参数。
- 语法
arguments
arguments对象是所有函数中可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目，第一个条目的索引从0开始。
eg:例如，一个函数传递了三个参数
arguments[0]
arguments[1]
arguments[2]
参数也可以被设置:
arguments[1] = 'new value';
arguments对象不是一个Array。它类似于数组，但除了长度之外没有任何数组属性。
eg:它没有pop方法，但它可以转换为真正数组
let args = Array.prototype.slice.call(arguments);
let args = [].slice.call(arguments);
//还可以使用Array.from()方法或spread运算符将arguments转为真正数组
let args = Array.from(arguments);
let args = [...arguments];
- 属性
arguments.callee : 指当前执行的函数
arguments.length: 指向传递当前函数的参数数量
箭头函数
箭头函数表达式的语法比函数表达式更短，并且不绑定自己的this,arguments,super或new.target
这个函数表达式最适用于非方法函数，并且它们不能用作构造函数。
- 语法
/*基础语法*/
(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
// 如果只有一个参数，圆括号是可选的:
(singleParam) => { statements; }
singleParam => { statements; }
// 如果箭头函数 无参数 , 必须使用 ()圆括号:
() => { statements; }
/*高级语法*/
//返回一个对象时，函数体外要加圆括号
params => ({foo: bar})
//支持剩余参数和默认参数 注意：...rest必须是参数列表最后一个参数
(param1, param2, ...rest) => { statements }
//支持参数列表中的结构赋值
let f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c;
// a=1; b=2; x=c; c=a+b=3;
f(); // 6
箭头函数的引入有两个方面的作用：一是更简短的函数书写，二是对 this的词法解析。
默认参数值
默认函数参数允许使用默认值初始化形式参数, 如果没有值或未定义被传入。
- 语法
function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) {
statements
}
在JavaScript里，函数参数默认是undefined。 然而，在某些情况下设置一个不同的默认值可能是有需要的。默认参数可以帮助解决这个问题。
过去，一般的设置默认参数的方法是在函数体测试参数是否为undefined，如果是的话就设置为默认的值。下面的例子中，如果在调用multiply时，参数b的值没有提供，那么b在函数体的值就为undefined。如果直接执行a*b，函数会返回 NaN。但是第二行代码解决了这个问题，它把b的值赋为1。
function multiply(a, b) {
b = typeof b !== 'undefined' ? b : 1;
return a*b;
}
multiply(5); // 5
有了默认参数，我们不需要再在函数体内做不必要的检查。现在你可以在函数头将b的默认值置为1：
function multiply(a, b = 1) {
return a*b;
}
multiply(5); // 5
getter
get 语法将一个对象属性绑定到查询该属性时将被调用的一个函数上。
- 语法
{get prop() { ... } } // prop:要绑定到给定函数的属性名
{get [expression]() { ... } } // expression:从ECMAScript 2015 (ES6)开始，还可以使用一个计算的属性名的表达式绑定到给定的函数。
有时候希望访问属性时能返回一个动态计算后的值, 或希望不通过使用明确的方法调用而显示内部变量的状态.在JavaScript中, 能通过使用 getter 实现. 尽管可能结合使用getter和setter创建一个伪属性,但不能既使用getter绑定到一个属性上,同时又用该属性真实的存储一个值.
在新对象初始化时定义一个getter
这会为obj创建一个虚假的属性latest, 该属性会返回log数组的最后一个元素.
var log = ['test'];
var obj = {
get latest () {
if (log.length == 0) return undefined;
return log[log.length - 1]
}
}
console.log (obj.latest); // Will return "test".
注意,试图赋给latest新值的话不会改变该值.
使用delete操作符删除getter
delete obj.latest;
使用defineProperty在存在的对象上定义 getter
在任意时间添加getter到一个存在的对象,使用 Object.defineProperty()
var o = { a:0 }
Object.defineProperty(o, "b", { get: function () { return this.a + 1; } });
console.log(o.b) // Runs the getter, which yields a + 1 (which is 1)
setter
- 语法
{set prop(val) { . . . }} //prop :要绑定到给定函数的属性名。
{set [expression](val) { . . . }}
//val:用于保存尝试分配给prop的值的变量的一个别名。
//expression:从ECMAScript 2015 (ES6)开始，还可以使用一个计算的属性名的表达式绑定到给定的函数。
在 javascript 中，如果试着改变一个属性的值，那么对应的 setter 将被执行。setter 经常和 getter 连用以创建一个伪属性。一个拥有真实值的属性就不能再有 setter 了。
在对象初始化时定义 setter
对象 o 定义一个伪属性 current ，当对它赋值时，将会把值更新到 log：
var o = {
set current (str) {
return this.log[this.log.length] = str;
},
log: []
}
注意，current 属性是未定义的，访问它时将会返回 undefined。
用 delete 操作符移除一个 setter
delete o.current;
使用 defineProperty 为已存在的对象定义 setter
可以随时使用Object.defineProperty() 给一个已经存在的对象添加一个 setter。
var o = { a:0 };
Object.defineProperty(o, "b", { set: function (x) { this.a = x / 2; } });
o.b = 10; // Runs the setter, which assigns 10 / 2 (5) to the 'a' property
console.log(o.a) // 5
