美文网首页
ES6新的字符串(语法糖)

ES6新的字符串(语法糖)

作者: _William_Zhang | 来源:发表于2019-01-22 08:41 被阅读2次

1.多行字符串

ES6模板字符串

2.字符串里插入变量(插值)

ES6字符串插值

3.函数接字符串

styled-component 就是用的这个语法

var name ='阿旺'
var person = '人'

var fn = function(){
    console.log(arguments)
}

fn`${name} 是一个 ${person}`
函数接字符串
var name ='阿旺'
var person = '人'

var fn = function(){
    let strings = arguments[0]
    let var1 = arguments[1]
    let var2 = arguments[2]

    console.log(strings)
    console.log(var1)
    console.log(var2)
}

fn`${name} 是一个 ${person}`
函数拼接字符串
var name ='圆圆'
var person = '人'

var fn = function(){
    let strings = arguments[0]
    let var1 = arguments[1]
    let var2 = arguments[2]
    if(var1 == '阿旺'){
        return var1 + strings[1] + '好人'
    }else{
        return var1 + strings[1] + '坏人'
    }


}

fn`${name} 是一个 ${person}`
函数拼接字符串

相关文章

  • ES6---新版字符串

    ES5的字符串形式 ES6语法糖的字符串形式 插入JS代码 函数接字符串 fn${name} 是一个 ${pers...

  • ES6新的字符串(语法糖)

    1.多行字符串 2.字符串里插入变量(插值) 3.函数接字符串 styled-component 就是用的这个语法

  • Vue常用模式

    组件定义 SFC 单文件组件 SFC 字符串模板或 ES6 模板字面量 渲染函数 JSX 语法糖 Vue 类组件装...

  • 简单总结ES6中的类定义语法和ES7的async/await

    学习ES6的类定义语法 基本知识点: ES6中定义类的方式, 就是ES5中定义类的语法糖,但虽然是语法糖,但是整体...

  • js继承 es6和es5

    es6 class是个语法糖,本质上是原型链 es6之前

  • ES6 常用特性(三)

    类 & 继承 类也是 ES6 一个不可忽视的新特性,虽然只是句法上的语法糖,但是相对于 ES5,学习 ES6 的类...

  • ES6拼接字符串新方法

    ES6很多语法已经相当普及,有空一定要抓紧看! 看一段代码: 这里,函数需要拼接字符串,采用+连接,ES6有新的方...

  • ES6之面向对象

    关键词:面向对象 es6新增了类这个语法糖

  • Node.js笔记七:es6

    Node.js笔记七:es6 es6是javascript的新一代语法规范,现在很多新的库都是基于新的es6语法规...

  • ES6新特性

    ES6的新特性: 块级作用域(let, contst) 定义类的语法糖(class) 一种基本数据类型(Symbo...

网友评论

      本文标题:ES6新的字符串(语法糖)

      本文链接:https://www.haomeiwen.com/subject/hfwkjqtx.html