Home / Questions / 269949
Accepted
Tux9000
Asked: 2020-06-06 13:54:02 +0800 CST 2020-06-06 13:54:02 +0800 CST

如何正确连接？

  • 772

在网上找到的视频、书籍、教程和更多信息的帮助下，我一直在自学 Javascript；我注意到他们在几个地方使用+和,来连接元素，所以我想知道在 JS 中连接的正确方法是什么？使用,（逗号）和+ （加号）有什么区别？是一样的吗？在什么情况下我应该使用其中一种？

我附上我的例子：

var numero = "numero";
var palabra = 55;

document.write(numero + palabra + "<br/>");
document.write(numero, palabra);

javascript

5 Answers

  1. write 的语法如下： document.write(exp1, exp2, exp3, ...)

    接受一个或多个表达式。

    你实际上只是连接第一个选项。通过使用“+”，您将表达式 1 与表达式 2 连接起来，也就是说，您将变量单词与数字连接起来，生成一个新的表达式。

    在第二个选项中，您传递了两个表达式，这根据 write 语法是完全有效的，但是，您并没有严格连接。

    当它们很小或易于可视化值时，您可以使用第一个选项。对于您的变量是整个 html 块的情况，我将使用选项二。

    • 2
  2. Best Answer

    首先，为了更好地理解它，必须做出一些澄清：

    write() 是一个函数，接收一个或多个参数，这个函数的目的是将它接收到的参数打印为一个连接字符串

    考虑到这一点，你可以用许多参数重载这个函数，每个参数用逗号分隔，例如：

     document.write("a");
 document.write("a", "b", "c");
 document.write("a", "b", "c");

    另一方面，这个函数接收的变量可以是不同的类型：整数、字符串、浮点数甚至布尔值：

     document.write("a", 2, true);

    现在让我们谈谈字符串连接：一个字符串由符号连接+（并且还允许您连接不同类型的变量）：

     var cadena = numero + palabra + "<br/>"

    如果你注意到，在最后一个例子中，所有的连接都算作一个变量，当我们把它放在一个函数中时，我们称它为参数。

    因此，write()该函数的目的是接收参数，并且所有这些参数都被串联打印

    document.write(numero + palabra + "<br/>");
document.write(numero, palabra);

    在第一个它只接收一个参数但这个参数已经被连接，在第二个它接收 2 但这里函数负责连接它们。

    这可能会与函数 write 被连接起来混淆，但如果我们以另一个函数为例，这会更清楚。

    • 2

  3. 在 JS 中连接的最佳方式是 (+)，因为 (,) 在许多情况下用作函数或其他 js 实现中的参数包含，这意味着在指定逗号 (,) 时，某些元素会被单独赋值 “this在某些情况下”，而如果包含 (+)，则将其设置为单个字符串或将 2 个元素作为单个值返回的串联，

    如果您想连接我建议使用：

    var cadena1 = "Hola ";
var cadena2 = "Mundo";
cadena1.concat(cadena2);
    • 1

  4. ,在console.writeor中使用 oneconsole.log并不意味着您连接，而是您在单个输出中打印两个不同的变量。

    let myNum  = 10,
    myBool = false,
    myStr  = 'Foo';
    
document.write( myNum, myBool, myStr );

    这不是串联，它只是3个值的输出而不写3次document.write这样演示

    let myNum  = 10,
    myBool = false,
    myStr  = 'Foo';
    
document.write( typeof myNum, typeof myBool, typeof myStr );

    我们看到每个变量都有一个数据类型，如果它被连接起来，它将是一个完整的字符串。

    有两种简单的连接方法，使用运算符+或使用变量插值

    let myNum  = 10,
    myBool = false,
    myStr  = 'Foo';

//Concatenar por +
document.write( myNum + myBool + myStr + '<br>' );

//Esto si tiene un tipo de dato
document.write( typeof(myNum + myBool + myStr) + '<hr>' );

//Concatenar por interpolación utilizando backtick **`**
document.write( `${ myNum } ${ myBool } ${ myStr }` )

    我想让你看看所有打印对 DOM 或控制台的行为

    运算符的连接，如果您注意到它是将数字与布尔值相加，则 Javascript 将其解释为 10 + 0（Javascript 干预 Bool 到整数的转换，false 表示 0 / true 为 1）然后它是连接 string ，连接字符串的那一刻，所有内容都变为 a String，因此第二个返回数据类型中的 3 个变量的总和document.write 是一个字符串。

    我们使用interpolación变量的第三个示例literal template 假设在呈现信息时有所改进，因为使用简单的语法，您可以将所有内容转换为字符串并连接到您的喜好和形式。

    这是工作方式的问题，您可以根据您想要实现的目标使用任何方式

    • 1

  5. 使用","连接，在文本和变量之间产生一个空格，其中**"+"**没有。这是唯一的差异。

    • 0