Javascript实现多行字符串

Posted 2020-09-28 Orange

　　打开百度首页，进入控制台的时候，我们在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实现多行字符串