zoukankan      html  css  js  c++  java
  • Javascript字符串拼接小技巧

    在Javascript中经常会遇到字符串的问题,但是如果要拼接的字符串过长就比较麻烦了。

    如果是在一行的,可读性差不说,如果要换行的,会直接报错。

    在此介绍几种Javascript拼接字符串的技巧.

    字符串相加(+)

    var items = '<li class="details">' +
                '<span>Hello world</span>' +
                '</li>';
    

    利用反斜线拼接字符串

    var items = '<li class="details">' 
                '<span>Hello world</span>' 
                '</li>';
    

    利用数组拼接字符串

    利用数组的join方法,把数组转成字符串.

    var empList = ['<li class="details">', '<span>Hello world</span>','</li>'].join("");
    

    在数组的基础上可以封装一个StringBuffer的方法来完成字符串的拼接。

    function StringBuffer(){
        this.buffer = [];
    }
    StringBuffer.prototype = {
        constructor: StringBuffer,
        append: function(str){
            this.buffer.push(str);
            return this;
        },
        toString: function(){
            return this.buffer.join('');
        }
    };
    

    ES6模板字符串

    ES6中引入了一种新型的字面量语法,称为模板字符串。

    用反撇号`来代替原来的单引号或双引号.

    $('.warning').html(`
        <h1>Working!</h1>
        <p>迷糊餐厅</p>
        <p>区区一只亚麻太</p>
    `);
    

    字符串中的换行、缩进、空格都会原样输出到新生成的字符串中。

    如果想要了解字符串拼接的性能问题,推荐去看Nicholas C.Zakas的《高性能Javascript》一书

    转载请注明出处

    如果你觉得文章不错,可以点一下右下角的推荐

    今天的风有点喧嚣啊

  • 相关阅读:
    Go 模板
    使用Go开发web服务器
    CLI:使用Go开发命令行应用
    MyBatis 注解使用动态SQL
    Tomcat 使用Redis存储Session
    [翻译] java NIO Buffer
    [翻译] java NIO Channel
    [翻译]java nio 概述
    [翻译] java NIO 教程---介绍
    接口的定义常量与使用
  • 原文地址:https://www.cnblogs.com/maple0x/p/5551655.html
Copyright © 2011-2022 走看看