笔记：JavaScript assert function

胡椒 | 2012-03-08

第一次看到是在 John Resig 那个 Learning Advanced JavaScript 中看到这样的使用方法，网上翻了翻，明白构成：

具体的实现方式如下：

HTML & CSS

<style>
.pass:before {
  content: "PASS: ";
  color: green;
  font-weight: bold;
}
.fail:before {
  content: "FAIL: ";
  color: red;
  font-weight: bold;
}
</style>

<h3>default UI:</h3>
<ul>
  <li class="pass">this is for what is true</li>
  <li class="fail">this is for what is false</li>
</ul>

<h3>Test:</h3>
<ul id="forTest"></ul>

JavaScript

// condition为传入判断 true or false 的语句，
// description 为 string
function assert(condition, description) {
  //找到Ul元素
  var output = document.getElementById("forTest");
  //create li 元素
  var li = document.createElement("li");
  // 判断condition为何值，true则li为pass的类，false则为fail的类，
  li.className = condition ? "pass" : "fail";
  // 为传入的description定义到变量desp，crteate text node
  var des = document.createTextNode(description);

  li.appendChild(des);
  output.appendChild(li);
}

//试一下这个
var a = 5, b, c = 5;
assert((a = b), "this is true");
assert((a = c), "this is false");

demo

See the Pen JavaScript assert() function by Lien (@movii) on CodePen.

感谢阅读

你们好， 2018 年初把小站从 Jekyll 迁移到 Hugo 的过程中，删除了评论区放的 Disqus 插件，考虑有二：首先无论评论、还是对笔记内容的进一步讨论，读者们更喜欢通过邮件、或者 Twitter 私信的方式来沟通；其次一年多以来 Disqus 后台能看到几乎都是垃圾留言（spam），所以这里直接贴一下邮件、以及 Twitter 账户地址。

技术发展迭代很快，所以这些笔记内容也有类似新闻的时效性，不免有过时、或者错误的地方，欢迎指正 ^_^。

BEST
Lien（A.K.A 胡椒）