关于join和call方法

Question

为什么这带代码能运行Array.prototype.join.call("asdf", ",") // a,s,d,f,
join方法不是数组的吗？为什么字符串能调用啊！

Answer 1

解决这种问题最好的办法是直接参考ES6官方文档es6 Array.prototype.join。

上图是ES6规范中定义的join函数的执行步骤，下面讲解几个关键步骤：

1. 首先通过步骤3获取this对象的length属性；
2. 然后通过步骤9获取this对象的"0"属性；
3. 然后通过步骤12和步骤13，把k从1递增到步骤3获取的length；
4. 通过步骤13.b可以知道每次获取的都是this对象的把k转化为字符串对应的属性。

所以对于Array.prototype.join.call("asdf", ",")：
上面步骤里面的this对象指的类似于var a = new String("asdf")，然后输出a[0] + ',' + a[1] + ',' + a[2] + ',' + a[3]，也就是"a,s,d,f"。

比如下面这个例子：

var a = {
    length: 4,
    0: 'a',
    1: 'b',
    2: 'c',
    3: 'd'
}
Array.prototype.join.call(a, ',') // "a,b,c,d"

再比如下面的例子：

var a = {
    length: 4,
    1: 'b',
    3: 'd'
}
Array.prototype.join.call(a, ',') // ",b,,d"，参考步骤10和步骤13.c

Answer 2

join方法可以被类数组对象调用, 不一定是数组

参考mdn文档: 使用类数组对象

Answer 3

这个是call的基本用法；

//定义一个add 方法
function add(x, y) {
    return x + y;
}

//用call 来调用 add 方法
function myAddCall(x, y) {
    //调用 add 方法 的 call 方法
    return add.call(this, x, y);
}