笔记:JavaScript assert function


第一次看到是在 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 胡椒)
本站总访问量 本站总访客量 本文总阅读量