js字符串拼接的4种常见方法

let shy = '帅哥'
let a =  '我是' + shy
console.log(a)  // 我是帅哥

// 变量拼接
let shy = '帅哥'
let a =  `我是${shy}`
console.log(a)  // 我是帅哥

// html代码以及换行文本
let hi=`<div>
    <h2>你好呀！</h2>
</div>`
console.log(hi)  // 原样输出，包括换行

// 插入表达式
let x=30;
let y=10;
let a=`x-y=${x-y}`
console.log(a)  // 输出表达式计算结果

let food=function(){
    return "苹果"
}
let a=`我喜欢吃${food()}`;
console.log(a)

// 拼接数组
let a = ['java']
let b = ['script']
 
let str = a.concat(b)
 
console.log(a)
console.log(b)
console.log(str)  //  ["java", "script"]

// 拼接字符串
let a = 'java'
let b = 'script'
 
let str = a.concat(b)
 
console.log(a)
console.log(b)
console.log(str)  // javascript

var arr=[1,2,3];
var str=arr.join();// 默认是逗号，也可以自定义连接符
var str2=arr.join('-');// 自定义连接符-
var str3=arr.join('.');// 自定义连接符-
console.log(arr); // [1,2,3]
console.log(str); // 1,2,3
console.log(str2); // 1-2-3
console.log(str3); // 1.2.3