JavaScript: 在 /* */ 中输出想要的字符串

最新推荐文章于 2024-10-18 11:24:15 发布

转载最新推荐文章于 2024-10-18 11:24:15 发布 · 324 阅读

标签

#javascript #function #string #html #class

#扩展

收录于

本文介绍了一种使用JavaScript注释来动态生成并返回HTML字符串的方法，通过扩展Function.prototype，实现了将HTML代码直接写入函数注释内，便于代码管理和测试。

在网上看到牛人写的一段代码，利用JavaScript的注释功能，把需要动态生成的代码无缝的写进字符串。我们先看看示例：

var html = function () { /* Hello,<span class="fix" id="logName"></span><a href="/signout.aspx" mce_href="signout.aspx">Sign out</a> */ }; alert(html.getString());

在如上的代码中，我的Html代码可以原封不动的写在注释里面，并且当我需要的时候，它可以被原样返回出来。

那么它是如何做到的呢？

Function.prototype.getString = function () { var lines = new String(this); lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/")); return lines; };

很明显，我们在Function的原型上扩展了一个getString的方法，但是我不太明白的是new String(this)为何可以将注释的内容加载进来？这难道是JavaScript的一个Bug?

有了这个方法，以后就不用在为代码写进字符串发愁了，当我们写的代码测试通过后，可以直接放入注释当中。