Javascript实现多行字符串

  打开百度首页,进入控制台的时候,我们在console控制台总可以看到一段文字:

这些文字是如何显示在控制台的呢??

  Javascript中的函数被看作是一个对象拥有自己的方法,其中一个小方法fn.toString()可以帮助我们实现多行字符串的效果。

fn.toString()关键是利用他可以返回注释这一点,代码如下:

var f = function () {/*
一张网页,要经历怎样的过程,才能抵达用户面前?
一位新人,要经历怎样的成长,才能站在技术之巅?
探寻这里的秘密;
体验这里的挑战;
成为这里的主人;
加入百度,加入网页搜索,你,可以影响世界。
*/};
console.log(f.toString());
//function () {/*
// 一张网页,要经历怎样的过程,才能抵达用户面前?
// 一位新人,要经历怎样的成长,才能站在技术之巅?
// 探寻这里的秘密;
// 体验这里的挑战;
// 成为这里的主人;
// 加入百度,加入网页搜索,你,可以影响世界。
//*/}

这里成功返回一个换行的字符串。

现在定义一个实现多行字符串的函数multiline

var multiline = function (fn) {
    var str = fn.toString().split(‘\n‘);
    return str.slice(1, str.length - 1 ).join(‘\n‘);
}

console.log(multiline(f));
// 一张网页,要经历怎样的过程,才能抵达用户面前?
// 一位新人,要经历怎样的成长,才能站在技术之巅?
// 探寻这里的秘密;
// 体验这里的挑战;
// 成为这里的主人;
// 加入百度,加入网页搜索,你,可以影响世界。

来源:Javascript实现多行字符串

时间: 2024-11-06 19:44:42

Javascript实现多行字符串的相关文章

PHP中的多行字符串传递给JavaScript方法两则

PHP和JavaScript都是初学.近期有这么个需求: 例如说有一个PHP的多行字符串: $a = <<<EOF thy38 csdn blog EOF; 传递给JavaScript后要等价于: var c='thy38\ncsdn\nblog'; 由于对这两门语言的理解低到不知怎样Google.仅仅好自己摸索出方法两则: 1.  将PHP先转义.然后切割.然后转JSON,然后JavaScript parse,最后用\n拼接. var b=JSON.parse(<? php ec

JavaScript:多行字符串

原文:http://www.cnblogs.com/ziyunfei/archive/2012/10/04/2711551.html 多行字符串的作用是用来提高源代码的可读性.尤其是当你处理预定义好的较长字符串时,把这种字符串分成多行书写更有助于提高代码的可读性和可维护性.在一些语言中,多行字符串还可以用来做代码注释. 大部分动态脚本语言都支持多行字符串,比如Python, Ruby, PHP. 但Javascript呢? 译者注:python中可以使用两种多行字符串的写法,一种是使用三引号,也

利用char, str2mat, strvcat创建多行字符串数组

用专门函数char , str2mat , strvcat创建多行字符串数组示例. 1.char('str1', 'str2',...) Convert to character array (string)转换成字符串数组,空字符串是有效的. 示例:S1=char('This string array','', 'has two rows.')   S1 = This string array has two rows. 2.str2mat  (新版本中被char替代) Form blank-

js定义多行字符串

js本身没有提供类似的定义方式,但是可以通过多行注释(/* */),已经借助function的方式来达到多行字符的定义,例如代码: var jstr = function() { var fun = function() { /*line1 line2 line3 line4*/ } var lines = new String(fun); return lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*

js中多行字符串拼接

前言 我们会经常遇到这样的场景,需要拼接多行字符串,在字符串中动态插入一些数据以达到业务的需求.但是js中并没有标准的多行编辑的函数,于是聪明的程序员们便脑洞大开,书写出许多有趣的方法. 1 2 3 4 5 <div class="links"> <a href="http://qianlongo.github.io/">谦龙的博客</a> <a href="http://aximario.github.io/&q

javascript 写了个字符串组合的情况

function log() { var i = 0, str = '', args = [].slice.call(arguments); j++; if (isRepeat(args)) { k++; return; } while(i < args.length) { str += chars[args[i]]; i++; } console.log(str); } function count(obj) { var i = 0; for (var p in obj) { if (obj.

Python中raw字符串与多行字符串

如果一个字符串包含很多需要转义的字符,对每一个字符都进行转义会很麻烦.为了避免这种情况,我们可以在字符串前面加个前缀r ,表示这是一个 raw 字符串,里面的字符就不需要转义了.例如: r'\(~_~)/ \(~_~)/' 但是r'...'表示法不能表示多行字符串,也不能表示包含'和 "的字符串(为什么?) 如果要表示多行字符串,可以用'''...'''表示: '''Line 1 Line 2 Line 3''' 上面这个字符串的表示方法和下面的是完全一样的: 'Line 1\nLine 2\n

利用JavaScript选择GridView行

利用JavaScript选择GridView行 本篇技巧和诀窍记录的是:利用JavaScript选择GridView行. 当我们想在GridView中添加删除.选择功能时,我们通常的做法是利用模板功能在每行添加一个按钮控件或者超链接按钮控件,单击按钮利用RowCommand获取每行的ID. 下面我们利用JavaScript完成这一功能. 我们可以通过调用JavaScirpt函数改变单击的行的背景颜色来模拟选择的行,这里需要声明一个隐藏字段,从JS中获得选取GridView行的ID.在选择/删除事

Python中的raw字符串和多行字符串

1.raw字符串(原始字符串) 如果一个字符串包含很多需要转义的字符,对每一个字符都进行转义会很麻烦.为了避免这种情况, 我们可以在字符串前面加个前缀r,表示这是一个 raw 字符串,里面的字符就不需要转义了.例如: r'\(^_^)/ \(~_~)/' raw字符串表示原始字符串,我对于原始的理解就是:你看到这个字符串是什么就显示什么,去掉 所有字符都不进行转义,该显示啥就是啥. 2.多行显示 Python中除了可以使用单引号' '.双引号" "表示一个字符串,还可以使用三引号来表示