數(shù)組，類數(shù)組對象
var array = ['name', 'age', 'sex'];
var arrayLike = {
0: 'name',
1: 'age',
2: 'sex',
length: 3
}
調(diào)用數(shù)組方法
var arrayLike = {0: 'name', 1: 'age', 2: 'sex', length: 3 }
Array.prototype.join.call(arrayLike, '&'); // name&age&sex
Array.prototype.slice.call(arrayLike, 0); // ["name", "age", "sex"]
// slice可以做到類數(shù)組轉(zhuǎn)數(shù)組
Array.prototype.map.call(arrayLike, function(item){
return item.toUpperCase();
});
// ["NAME", "AGE", "SEX"]
類數(shù)組轉(zhuǎn)數(shù)組
var arrayLike = {0: 'name', 1: 'age', 2: 'sex', length: 3 }
// 1. slice
Array.prototype.slice.call(arrayLike); // ["name", "age", "sex"]
// 2. splice
Array.prototype.splice.call(arrayLike, 0); // ["name", "age", "sex"]
// 3. ES6 Array.from
Array.from(arrayLike); // ["name", "age", "sex"]
// 4. apply
Array.prototype.concat.apply([], arrayLike)
要說到類數(shù)組對象禾进，Arguments 對象就是一個(gè)類數(shù)組對象豁跑。在客戶端 JavaScript 中，一些 DOM 方法(document.getElementsByTagName()等)也返回類數(shù)組對象泻云。
Arguments對象
Arguments 對象只定義在函數(shù)體中艇拍，包括了函數(shù)的參數(shù)和其他屬性狐蜕。在函數(shù)體中，arguments 指代該函數(shù)的 Arguments 對象卸夕。
function foo(name, age, sex) {
console.log(arguments);
}
foo('name', 'age', 'sex')
image.png
我們可以看到除了類數(shù)組的索引屬性和length屬性之外层释，還有一個(gè)callee屬性，接下來我們一個(gè)一個(gè)介紹快集。
length屬性
Arguments對象的length屬性贡羔，表示實(shí)參的長度，舉個(gè)例子：
function foo(b, c, d){
console.log("實(shí)參的長度為：" + arguments.length)
}
console.log("形參的長度為：" + foo.length)
foo(1)
// 形參的長度為：3
// 實(shí)參的長度為：1
callee屬性
Arguments 對象的 callee 屬性个初，通過它可以調(diào)用函數(shù)自身乖寒。
講個(gè)閉包經(jīng)典面試題使用 callee 的解決方法：
var data = [];
for (var i = 0; i < 3; i++) {
(data[i] = function () {
console.log(arguments.callee.i)
}).i = i;
}
data[0]();
data[1]();
data[2]();
// 0
// 1
// 2
arguments 和對應(yīng)參數(shù)的綁定
function foo(name, age, sex, hobbit) {
console.log(name, arguments[0]); // name name
// 改變形參
name = 'new name';
console.log(name, arguments[0]); // new name new name
// 改變arguments
arguments[1] = 'new age';
console.log(age, arguments[1]); // new age new age
// 測試未傳入的是否會綁定
console.log(sex); // undefined
sex = 'new sex';
console.log(sex, arguments[2]); // new sex undefined
arguments[3] = 'new hobbit';
console.log(hobbit, arguments[3]); // undefined new hobbit
}
foo('name', 'age')
傳入的參數(shù)，實(shí)參和 arguments 的值會共享院溺，當(dāng)沒有傳入時(shí)楣嘁，實(shí)參與 arguments 值不會共享
除此之外，以上是在非嚴(yán)格模式下珍逸，如果是在嚴(yán)格模式下逐虚，實(shí)參和 arguments 是不會共享的。
傳遞參數(shù)
將參數(shù)從一個(gè)函數(shù)傳遞到另一個(gè)函數(shù)
// 使用 apply 將 foo 的參數(shù)傳遞給 bar
function foo() {
bar.apply(this, arguments);
}
function bar(a, b, c) {
console.log(a, b, c);
}
foo(1, 2, 3)
es6 轉(zhuǎn)換
function func(...arguments) {
console.log(arguments); // [1, 2, 3]
}
func(1, 2, 3);
