1. 程式人生 > >Javascript實現多行字符串

Javascript實現多行字符串

這一 tails line images clas 搜索 .net 方法 百度

  打開百度首頁,進入控制臺的時候,我們在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實現多行字符串