arguments
arguments 是一個類似數(shù)組的對象, 對應于傳遞給函數(shù)的參數(shù)误甚。
- 語法
arguments
arguments對象是所有函數(shù)中可用的局部變量缚甩。你可以使用arguments對象在函數(shù)中引用函數(shù)的參數(shù)。此對象包含傳遞給函數(shù)的每個參數(shù)的條目窑邦，第一個條目的索引從0開始擅威。
eg:例如，一個函數(shù)傳遞了三個參數(shù)
arguments[0]
arguments[1]
arguments[2]
參數(shù)也可以被設置:
arguments[1] = 'new value';
arguments對象不是一個Array冈钦。它類似于數(shù)組郊丛，但除了長度之外沒有任何數(shù)組屬性。
eg:它沒有pop方法瞧筛，但它可以轉(zhuǎn)換為真正數(shù)組
let args = Array.prototype.slice.call(arguments);
let args = [].slice.call(arguments);
//還可以使用Array.from()方法或spread運算符將arguments轉(zhuǎn)為真正數(shù)組
let args = Array.from(arguments);
let args = [...arguments];
- 屬性
arguments.callee : 指當前執(zhí)行的函數(shù)
arguments.length: 指向傳遞當前函數(shù)的參數(shù)數(shù)量
箭頭函數(shù)
箭頭函數(shù)表達式的語法比函數(shù)表達式更短宾袜，并且不綁定自己的this,arguments,super或new.target
這個函數(shù)表達式最適用于非方法函數(shù)，并且它們不能用作構(gòu)造函數(shù)驾窟。
- 語法
/*基礎語法*/
(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
// 如果只有一個參數(shù)庆猫，圓括號是可選的:
(singleParam) => { statements; }
singleParam => { statements; }
// 如果箭頭函數(shù) 無參數(shù) , 必須使用 ()圓括號:
() => { statements; }
/*高級語法*/
//返回一個對象時，函數(shù)體外要加圓括號
params => ({foo: bar})
//支持剩余參數(shù)和默認參數(shù) 注意：...rest必須是參數(shù)列表最后一個參數(shù)
(param1, param2, ...rest) => { statements }
//支持參數(shù)列表中的結(jié)構(gòu)賦值
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
箭頭函數(shù)的引入有兩個方面的作用：一是更簡短的函數(shù)書寫绅络，二是對 this的詞法解析月培。
默認參數(shù)值
默認函數(shù)參數(shù)允許使用默認值初始化形式參數(shù), 如果沒有值或未定義被傳入。
- 語法
function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) {
statements
}
在JavaScript里恩急，函數(shù)參數(shù)默認是undefined杉畜。 然而，在某些情況下設置一個不同的默認值可能是有需要的衷恭。默認參數(shù)可以幫助解決這個問題此叠。
過去，一般的設置默認參數(shù)的方法是在函數(shù)體測試參數(shù)是否為undefined随珠，如果是的話就設置為默認的值灭袁。下面的例子中猬错，如果在調(diào)用multiply時，參數(shù)b的值沒有提供茸歧，那么b在函數(shù)體的值就為undefined倦炒。如果直接執(zhí)行a*b，函數(shù)會返回 NaN软瞎。但是第二行代碼解決了這個問題逢唤，它把b的值賦為1。
function multiply(a, b) {
b = typeof b !== 'undefined' ? b : 1;
return a*b;
}
multiply(5); // 5
有了默認參數(shù)涤浇，我們不需要再在函數(shù)體內(nèi)做不必要的檢查”钆海現(xiàn)在你可以在函數(shù)頭將b的默認值置為1：
function multiply(a, b = 1) {
return a*b;
}
multiply(5); // 5
getter
get 語法將一個對象屬性綁定到查詢該屬性時將被調(diào)用的一個函數(shù)上。
- 語法
{get prop() { ... } } // prop:要綁定到給定函數(shù)的屬性名
{get [expression]() { ... } } // expression:從ECMAScript 2015 (ES6)開始只锭，還可以使用一個計算的屬性名的表達式綁定到給定的函數(shù)著恩。
有時候希望訪問屬性時能返回一個動態(tài)計算后的值, 或希望不通過使用明確的方法調(diào)用而顯示內(nèi)部變量的狀態(tài).在JavaScript中, 能通過使用 getter 實現(xiàn). 盡管可能結(jié)合使用getter和setter創(chuàng)建一個偽屬性,但不能既使用getter綁定到一個屬性上,同時又用該屬性真實的存儲一個值.
在新對象初始化時定義一個getter
這會為obj創(chuàng)建一個虛假的屬性latest, 該屬性會返回log數(shù)組的最后一個元素.
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 :要綁定到給定函數(shù)的屬性名。
{set [expression](val) { . . . }}
//val:用于保存嘗試分配給prop的值的變量的一個別名纹烹。
//expression:從ECMAScript 2015 (ES6)開始页滚，還可以使用一個計算的屬性名的表達式綁定到給定的函數(shù)召边。
在 javascript 中铺呵，如果試著改變一個屬性的值，那么對應的 setter 將被執(zhí)行隧熙。setter 經(jīng)常和 getter 連用以創(chuàng)建一個偽屬性片挂。一個擁有真實值的屬性就不能再有 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() 給一個已經(jīng)存在的對象添加一個 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
