Question

我在字符串上调用concat()，如下所示：

> "1".concat("2","3")
< "123"

现在我想在我有一个字符串数组来连接的情况下这样做。但它没有做我期望的事情：

> "1".concat.apply(["2","3"])
< "2,3"

不仅缺少第一个元素，而且在传递的两个元素之间插入了一个逗号，就像它将apply中的参数转换为字符串然后返回它一样。

我如何使用申请？我不能使用String.prototype.concat.apply因为第一个参数实际上是一个可以是字符串或数组的变量。我宁愿不做一些可怕的黑客，我必须检测类型，然后为参数可能的每种可能类型单独声明。

要清楚，我正在尝试实现一个函数concat()，它适用于任何有意义的第一个参数类型（例如字符串或数组）。到目前为止它看起来像这样，但不起作用：

function concat(x) {
    var args = Array.prototype.slice.call(arguments,1)
    return x.concat.apply(args)
}

Answer 1

apply的第一个参数是上下文，它必须是字符串。您使用

const arr = ["2","3"];
console.log("1".concat(...arr));
console.log(String.prototype.concat.apply("1", arr));
console.log("".concat.apply("1", arr));

在您的特定情况下，我建议您使用rest/spread syntax：

function concat(x, ...args) {
    return x.concat(...args);
}

或在ES5中

function concat(x) {
    var args = Array.prototype.slice.call(arguments, 1);
    return x.concat.apply(x, args);
//                        ^
}

Answer 2

在JavaScript中使用本机功能时，我建议先阅读MDN。

通过调用"1".concat，您将获得字符串对象的原始函数，从而丢失上下文。如果要使用apply调用函数，则第一个参数是函数用作其this对象或上下文的对象。

因此"1".concat.apply(["2", "3"])在语义上等同于(""+["2", "3"]).concat()。

我想您想要做的是以下内容：

var unboundConcat = String.prototype.concat;
return unboundConcat.apply("1", ["2", "3"]);

Answer 3

使用原型String.prototype并使用函数.join()加入数组值。

console.log(String.prototype.concat("1", ["2","3"].join('')))

Answer 4

如果你想根据String或Array原型使用concat，你可以使用Object.getPrototypeOf()

var stringOrArray = "1"

   
console.log(Object.getPrototypeOf(stringOrArray).concat.apply(stringOrArray, ["2","3"]))

stringOrArray = ["1", "5"]

   
console.log(Object.getPrototypeOf(stringOrArray).concat.apply(stringOrArray, ["2","3"]))

Answer 5

apply的第一个参数是上下文，或this。

ES6中的

：

aORs = array或String
concatWith =您使用
连接数组或字符串的内容
let concat = (aORs) => (concatWith) => aORs.concat(concatWith);

＆＃13;

let concat = (aORs) => (concatWith) => aORs.concat(concatWith);

console.log(
  concat(["a", "b"])(1)
); 
//["a", "b", 1]

console.log(
  concat("1")(" 2")
);
// "1 2"

＆＃13;

ES5

function concat(aORs) {
 return function(concatWith) {
   return aORs.concat(concatWith);
 }
}

＆＃13;

function concat(aORs) {
  return function(concatWith) {
    return aORs.concat(concatWith);
  }
}

console.log(
  concat("1")("abc")
);

console.log(
  concat([1, 2, 3])("abc")
);

＆＃13;

为什么string concat应用不按预期工作？

5 个答案: