码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript实现多行字符串

时间:2017-07-19 11:48:30      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:世界   div   image   style   如何   images   color   注释   显示   

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

Javascript实现多行字符串

标签:世界   div   image   style   如何   images   color   注释   显示   

原文地址:http://www.cnblogs.com/guorange/p/7204503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!