JavaScript 字符串 原理 + 字符串拼接 + 模板字符串详解 +案例

字符串类型(string)详解

字符串是通过单引号('')、双引号("")、或反引号(``)包裹的数据都叫字符串，
单引号和双引号没有本质上的区别,推荐使用单引号
let user_name = '小段';//使用单引号
let gender = "男";//使用双引号
let str = '123' ;//看上去是数字，但是用引号包裹了就成字符串
let str1 = '' //这种情况叫做空字符串

## 注意事项：

1、无论单引号或是双引号必须成对使用
2、单引号/双引号可以互相嵌套，但是不可以自己嵌套自己（如单引号嵌套双引号；双引号嵌套单引号）
3、必要时可以使用转义符,输出单引号或双引号

// 利用字符串 + 拼接
console.log(‘我喜欢你’ + ‘贺’) //string+string
console.log(‘贺今年年龄是:’ + 18) //string +number
let uname = ‘椋焜’
console.log(‘我叫：’ + uname) //string+变量

拼接字符串小案例

// 拼s接字符串小案例
let ages = prompt(‘请输入您的年龄:’)
document.write(‘贺今年’ + ages +‘岁了’)

## 模板字符串

作用：

    拼接字符串和变量
    拼接字符串用起来比较麻烦
    document.write('贺今年' + ages +'岁了')

## 改进

用 `` 反引号  (1左键左边那个) 
内容拼接变量时用${}包住变量

如
document.write(大家好，我叫${unames},今年${age}岁了)
document.write(<div>123</div> <p>adc</p>)

## 字符串类型总结：

1、JavaScript 中什么样数据我们知道时字符串类型？
只要单引号、双引号、反引导包含起来的就是字符串类型
2、字符串拼接比较麻烦，我们可以使用什么来解决这个问题？
模板字符串，可以让我们拼接字符串更简单。

拼接字符串+模板字符串详解案例

// 模板字符串练习   标题  页面输出用户信息案例
        // 需求：页面弹出对话框，输入名字和年龄，页面显示：大家好，我叫xxx，今年xx岁了

        let uname = prompt('请输入您的名字')
        let age = prompt('请输入您的年龄')
        document.write('大家好,我叫' + uname + ',今年' + age +'岁了')
        document.write(`大家好，我叫${uname},今年${age}岁了`)
        document.write(`大家好，我叫<span>${uname}</span>,今年${age}岁了`)