Name: JavaScript忍者秘籍
ISBN: 9787115401946

作者: John Resig / Bear Bibeault
出版社: 人民邮电出版社
译者: 徐涛
出版年: 2015-10
页数: 350
定价: 69.00
装帧: 平装
ISBN: 9787115401946

豆瓣评分

8.8

141人评价

5星

53.2%
4星

37.6%
3星

7.1%
2星

0.0%
1星

2.1%

评价:

内容简介 · · · · · ·

JavaScript语言非常重要，相关的技术图书也很多，但没有任何一本书对JavaScript语言的重要部分（函数、闭包和原型）进行深入、全面的介绍，也没有任何一本书讲述跨浏览器代码的编写。本书是jQuery库创始人编写的一本深入剖析JavaScript语言的书。

本书共分四个部分，从准入训练、见习训练、忍者训练和火影训练四个层次讲述了逐步成为JavaScript高手的全过程。全书从高级Web应用程序开发者所面临的挑战谈起，由浅入深地覆盖了测试和测试工具、函数、闭包、对象、正则表达式、定时器、运行时代码求值、with语句、跨浏览器问题、元素的特性和属性、事件处理、DOM以及CSS选择器等众多核心话题；将严谨的理论讲解和实用的代码示例相结合，引导读者更加深入地了解JavaScript的神奇，充分展示了JavaScript语言的各种特性。

本书适合具备一...

(展开全部)

作者简介 · · · · · ·

John Resig是可汗学院计算机科学学院的院长，也是jQuery JavaScript库的创造者。排名前10000的网站中，目前有57%的网站使用jQuery（BuiltWith.com统计），并且有几百万其他网站也使用jQuery，它已成为最受欢迎的用于构建网站的技术，可能也是一直以来最流行的编程技术之一。

他还创建了许多其他开源工具和项目，包括Processing.js（Processing语言到JavaScript的转换）、QUnit（测试JavaScript代码的测试套件）和TestSwarm（用于分布式JavaScript测试的平台）。

他目前正在可汗学院进一步开展计算机科学教育，他在学校开发计算机科学课程和工具，来教各个年龄层的人如何编程。可汗学院的目标是创造优秀的免费教育资源。他不仅教人们如何编程，还让每一位程序员体验写完自己的第一...

(展开全部)

他目前正在可汗学院进一步开展计算机科学教育，他在学校开发计算机科学课程和工具，来教各个年龄层的人如何编程。可汗学院的目标是创造优秀的免费教育资源。他不仅教人们如何编程，还让每一位程序员体验写完自己的第一个程序后的兴奋。

目前，John住在纽约布鲁克林，业余时间喜欢研究Ukiyo-e（日本版画）。

Bear Bibeault编写软件已经超过30年，一开始是通过一个100波特的电传打字机在控制数据网络超级计算机上编写井字程序。因为Bear有两个电气工程学位，因此应该是从事设计天线之类的工作，但从他在数字设备公司从事的第一份工作开始，他总是更着迷于编程。

Bear还分别在Lightbridge Inc.、BMC Software、Dragon Systems、Works.com等其他几个公司工作过。Bear甚至曾在美国军队服役，教步兵学习如何炸毁坦克，这些技能在每日例会上还能派上用场。

Bear目前担任一家家庭网关设备和电视机顶盒领域领先供应商的软件架构师。

Bear是其他一些Manning图书的作者：jQuery in Action（第一版和第二版）、Ajax in Practice和Prototype and Scriptaculous in Action__，他还是O’Reilly出版的许多网络Head First图书的技术复审员，如Head First Ajax、Head Rush Ajax和Head First Servlets and __JSP。

除了日常工作外，Bear还写书（duh!），并经营着一家小型企业，致力于创建Web应用程序，提供其他媒体服务（但不是婚礼摄像——永远不会是婚礼摄像），并作为“引领者”（非常资深的版主）帮着打理CodeRanch.com。

不在电脑前待着时，Bear喜欢做大餐、涉足摄影和视频，也喜欢驾驶雅马哈V-Star和穿热带印花衬衫。

他工作和居住在得克萨斯州奥斯汀，他深爱这座城市，除了满城的疯狂司机外。

目录 · · · · · ·

作者简介
图书评论
版权声明
内容提要
致谢
译者序
· · · · · · (更多)

原文摘录 · · · · · · ( 全部 )

all morden browsers but IE (查看原文)

灭灭 1 回复 2012-08-06 10:00:34

—— 引自第265页
But there isn’t any point to diving into new technologies, or using the hottest libraries, if you don’t have a proper understanding of the fundamental characteristics of the JavaScript language. a complete overhaul from using browser-specific sniffing to using feature detection at the core of the library. (查看原文)

疏桐 2015-06-03 16:29:29

—— 引自章节：preface

> 全部原文摘录

豆瓣成员常用的标签(共37个) · · · · · ·

JavaScript 前端前端开发编程 web开发 javascript Web前端开发计算机

喜欢读"JavaScript忍者秘籍"的人也喜欢的电子书 · · · · · ·

支持 Web、iPhone、iPad、Android 阅读器

: 高性能JavaScript

12.25元

: 你不知道的JavaScript（上卷）

20.99元

: Node.js实战

29.99元

: Web性能权威指南

29.99元

: ES6标准入门（第2版）

34.50元

喜欢读"JavaScript忍者秘籍"的人也喜欢 · · · · · ·

: CSS揭秘

: 编写可维护的JavaScript

: 深入理解ES6

: 学习JavaScript数据结构与算法

: Effective JavaScript

: jQuery基础教程（第4版）

: 单页Web应用

: CSS权威指南（第三版）

: HTML5 实战

: CSS设计指南

我来说两句

短评 · · · · · · ( 全部 53 条 )

JavaScript忍者秘籍的话题 · · · · · · ( 全部条 )

什么是话题

无论是一部作品、一个人，还是一件事，都往往可以衍生出许多不同的话题。将这些话题细分出来，分别进行讨论，会有更多收获。

我要写书评

JavaScript忍者秘籍的书评 · · · · · · ( 全部 11 条 )

让人不能释卷

提起该书的作者 John Resig，恐怕没人不知道。用过jQuery的朋友，相信知道该库的妙处。读完该书之后，我们就能明白 John Resig为什么能构建出jQuery库。书中对函数、闭包等做了详尽的分析，尤其对我们经常忽视的Timer作了详尽的分析。值得细读、深读。 (展开)

1 1回应

一贫 2011-06-28 17:42:33 Manning Publications2013版

非常霸道的js书

如果你觉得自己的js水平不错了，可以看看这本书。这本书虽然只是meap版，但是也够你看一段时间，里面有太多的东西需要慢慢体会。这本书以函数为中心（函数也确实是js的核心），对函数的讲解非常全面细致，涉及到函数的定义、扩展、重载、curry化、闭包、重定向、继承等方方面... (展开)

1回应

老伐开心 2018-01-12 06:56:24 Manning Publications2016版

从入门到进阶的一站式服务

写这条评论就是想提醒一下有兴趣的读者，别被书名骗了，别被其他评论那股vibe骗了，这是一本新手友好的书，可以作为你的第一本js书。优点： - 可能因为js本身特性和作者组织编排得当，就这么几个大的要点，大点打通小点全通。看完你会觉得你都记住了，在编程书中较为难得。 - ... (展开)

1回应

追 2018-03-04 22:00:55 人民邮电出版社2018版

不一样的JAVASCRIPT

以前知道第一版，好多人推荐（中文版翻译有点差）。听说出第二版，所以我就一直在等，没有想到很快出来了，我看了样章第二章，只能说：好书，力荐购买。样章主要内容：第2章运行时的页面构建过程 Web应用的生命周期步骤从HTML代码到Web页面的处理过程 JavaScript代码的... (展开)

0回应

qqxufo 2016-03-03 14:43:04

好书，真正的js秘籍，提升必看

大神出品的书果然很赞，看了之后能够让你真正感受到js的灵活，不得不佩服作者，无愧这本书的名字。唯一不足的是，翻译的一些地方不是很好。如果想提升自己javascript的话，这本书绝对是必看之作，吐血推荐！！ (展开)

0回应

childchen 2018-04-24 09:59:12 人民邮电出版社2018版

jQuery之父的经典之作

这篇书评可能有关键情节透露

对任何学科的开发人员来说，本书都是应该阅读的书籍。它使用强大的技术来提升你的JavaScript技能。 —— Becky Huett, Big Shovel Labs 本书针对函数和闭包的神奇功能提供了卓越而全面的洞察，能帮助你有效地使用JavaScript。 —— Gerd Klevesaat, Siemens 本书是将你的 JavaS... (展开)

0回应

Zoey 2016-10-18 11:39:11 Manning Publications2016版

记录

Chapter 6: Functions for the future: generators and promises 6.4 Combining generators and promises => 这一节要熟练掌握，有助于理解 koa1 里面的思路 (展开)

1回应

gyzhao 2015-11-27 23:29:38

真正的JavaScript忍者秘籍

这是一本JavaScript进阶书，翻译也比较地道。本书是由jQuery的创建者和《jQuery实战》的作者合著的。全书从实际的实践中出发，对测试，函数、闭包、正则、定时器、事件，跨浏览器的DOM编程等内容，娓娓道来，内容清晰明了。同时对JavaScript编程中存在的陷阱以及规避的办法还有... (展开)

2回应

H大仙 2010-04-16 11:56:36 Manning Publications2013版

大牛John Resig的力作！

也许你认为已经精通javascript了...那么读读大牛John Resig的这本《Secrets of the JavaScript Ninja》吧。。http://jsninja.com/ John Resig is a JavaScript Evangelist for the Mozilla Corporation and the author of the book 'Pro Javascript Techniques.' He's also t... (展开)

2回应

子龙 2016-08-23 00:57:55

那些我不知道的知识点

==== 修改说明：去掉对于翻译质量的评价，只评论本书的内容罢。==== ==== 但是！译者对闭包概念的翻译（86页）真是让人大跌眼镜啊！！！真的是用的谷歌翻译吗？？？==== 书名《JavaScript忍者秘籍》，作者呢是大名鼎鼎的 jQuery 的创作者。这本书里介绍了各种“忍者级”JS用法... (展开)

2 0回应

> 更多书评 11篇

读书笔记 · · · · · · (共12篇)

我来写笔记

按有用程度
按页码先后
最新笔记

展开收起
第4页第1章

想流浪的宅女 (June)

一个JavaScript库的组成可以分为如下三个方面。1. javascript语言的高级使用。2.跨浏览器代码的精心构建。3.当前能够聚众合一的最佳实践应用。 1. js语言的高级使用：对象、函数、闭包等。 2. 跨浏览器代码，即兼容性问题。 3. 最佳实践，除了语言外，还包括：测试、性能分析、调试技巧。
2017-10-13 10:46

一个JavaScript库的组成可以分为如下三个方面。1. javascript语言的高级使用。2.跨浏览器代码的精心构建。3.当前能够聚众合一的最佳实践应用。
引自第1章
1. js语言的高级使用：对象、函数、闭包等。
2. 跨浏览器代码，即兼容性问题。
3. 最佳实践，除了语言外，还包括：测试、性能分析、调试技巧。

推荐

回应 2017-10-13 10:46
展开收起
第20页 2.4.1断言

胖胖熊

先来说说assert，应用代码是这个样子的： <script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script> assert就是一个javascript函数，有两个参数，第一个参数用来判断表达式是true或false，第二个参数用来对测试做一些说明，测试结果直接显示在html中，这里的测试结果是这个样子的：还挺酷的吧。好了，那么我们就来看看如何实现这个assert？首先新建一个h...
2017-03-01 08:02

先来说说assert，应用代码是这个样子的：
<script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script>
assert就是一个javascript函数，有两个参数，第一个参数用来判断表达式是true或false，第二个参数用来对测试做一些说明，测试结果直接显示在html中，这里的测试结果是这个样子的：
assert结果
还挺酷的吧。好了，那么我们就来看看如何实现这个assert？
首先新建一个html文件
然后在body中加入一个id为rusults的ul节点：
123<body> <ul id="results"></ul></body>
后面所有的assert结果列表都要加到这个节点下。
assert执行完成后的html结果是这样的：
assert的html结构
看起来挺简单的吧，就是在ul节点下对每个assert测试用li节点来表现。对于测试为true的li节点的class被赋值为pass，对于测试为false的li节点的class被赋值为fail。
原理清楚了，那么这个assert函数的代码看起来就不复杂了：
function assert(value, desc) { // 创建li节点 var li = document.createElement("li"); // 如果value为true，li的class为pass // 如果value为false，li的class为fail li.className = value ? "pass" : "fail"; // 根据desc创建text节点，然后添加到li节点下 li.appendChild(document.createTextNode(desc)); // 找到document中id为results的节点元素，就是那个body下的ul， // 然后把新建的li节点添加到ul节点下 document.getElementById("results").appendChild(li); }
剩下的就是添加一些css，美化一下html了，既然已经学习javascript了，一般的html和css的内容就不在这说了，完整的html如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>assert</title> <style> body { font-family: sans-serif; font-size: 12pt; } #results { background-color: #e0e0e0; border-radius: 1em; padding: 1em; list-style-position: inside; } ul { list-style-type : circle; } #results li { margin-bottom: 0.2em; } #results li.fail { color: red; text-decoration: line-through; } #results li.pass { color: green; } </style> <script type="text/javascript"> function assert(value, desc) { // 创建li节点 var li = document.createElement("li"); // 如果value为true，li的class为pass // 如果value为false，li的class为fail li.className = value ? "pass" : "fail"; // 根据desc创建text节点，然后添加到li节点下 li.appendChild(document.createTextNode(desc)); // 找到document中id为results的节点元素，就是那个body下的ul， // 然后把新建的li节点添加到ul节点下 document.getElementById("results").appendChild(li); } </script> </head> <body> <ul id="results"></ul> <script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script> </body> </html>

推荐

回应 2017-03-01 08:02
展开收起
原型与面向对象
Davis (nobody)
使用 new 操作符来进行构造器调用初始化操作的优先级 1. 通过原型给对象实例添加的属性 2. 在构造器函数内给对象实例添加的属性 JavaScript 中的每个对象都有一个名为 constructor 的隐式属性原型链的创建方式 SubClass.prototype = new SuperClass(); 避免将原型对象复制给另一个原型，因为这是一个引用利用JavaScript对象构造器都有可以被操作和扩展的原型属性，可以扩展这门语言自身的功能。可以参考 .net extension meth...
2016-10-21 12:49
使用 new 操作符来进行构造器调用初始化操作的优先级 1. 通过原型给对象实例添加的属性 2. 在构造器函数内给对象实例添加的属性 JavaScript 中的每个对象都有一个名为 constructor 的隐式属性原型链的创建方式
SubClass.prototype = new SuperClass();
避免将原型对象复制给另一个原型，因为这是一个引用利用JavaScript对象构造器都有可以被操作和扩展的原型属性，可以扩展这门语言自身的功能。可以参考 .net extension method， ruby open class。 JavaScript 原型链是实时生效的，在扩展基类的时候需要注意。 ECMAScript 2015 (6th Edition, ECMA-262) 已经支持使用 class 关键字定义类了。

推荐

回应 2016-10-21 12:49
展开收起
闭包

Davis (nobody)

# 闭包是什么，它们是如何工作的闭包(closure)是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的作用域。换句话说，闭包可以让函数访问所有的变量和函数，只要这些变量和函数存在于该函数声明时的作用域内就行。在函数声明的时候不仅仅声明了函数，还创建了一个闭包，该闭包不仅包含函数声明，还包含了函数声明的那一时刻点上该作用域中所有的变量。使用闭包时，闭包里的信息会一直保存在内存里，...
2016-10-18 14:11

# 闭包是什么，它们是如何工作的
闭包(closure)是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的作用域。换句话说，闭包可以让函数访问所有的变量和函数，只要这些变量和函数存在于该函数声明时的作用域内就行。
引自闭包
在函数声明的时候不仅仅声明了函数，还创建了一个闭包，该闭包不仅包含函数声明，还包含了函数声明的那一时刻点上该作用域中所有的变量。使用闭包时，闭包里的信息会一直保存在内存里，直到这些信息确保不再被使（可以安全进行垃圾回收），或页面卸载时，JavaScript引擎才能清理这些信息。 # 利用闭包简化开发
每一个函数都有自己的上下文，所以函数从来都不是闭包的一部分。但是可以通过创建一个变量引用到上下文上，从而可以将上下文变成闭包的一部分。函数包装是一种封装函数逻辑的技巧，用于在单个步骤内重载创建新函数或者继承函数。最有价值的场景是，在重载一个写已经存在的函数时，同时保持原始函数在被包装后仍然能够有效使用。
引自闭包
即时函数也是函数。 # 利用闭包提高性能闭包记住的是变量的引用，而不是闭包创建时刻的该变量的值。 # 利用闭包解决常见的作用域问题很多编程语言变量的作用域依赖代码块，而JavaScript依赖变量所在的闭包。通过参数限制作用域内的名称，同时也可以通过参数来创建变量作用域内的快捷方式。

推荐

回应 2016-10-18 14:11

展开收起
第4页第1章

想流浪的宅女 (June)

一个JavaScript库的组成可以分为如下三个方面。1. javascript语言的高级使用。2.跨浏览器代码的精心构建。3.当前能够聚众合一的最佳实践应用。 1. js语言的高级使用：对象、函数、闭包等。 2. 跨浏览器代码，即兼容性问题。 3. 最佳实践，除了语言外，还包括：测试、性能分析、调试技巧。
2017-10-13 10:46

一个JavaScript库的组成可以分为如下三个方面。1. javascript语言的高级使用。2.跨浏览器代码的精心构建。3.当前能够聚众合一的最佳实践应用。
引自第1章
1. js语言的高级使用：对象、函数、闭包等。
2. 跨浏览器代码，即兼容性问题。
3. 最佳实践，除了语言外，还包括：测试、性能分析、调试技巧。

推荐

回应 2017-10-13 10:46
展开收起
第20页 2.4.1断言

胖胖熊

先来说说assert，应用代码是这个样子的： <script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script> assert就是一个javascript函数，有两个参数，第一个参数用来判断表达式是true或false，第二个参数用来对测试做一些说明，测试结果直接显示在html中，这里的测试结果是这个样子的：还挺酷的吧。好了，那么我们就来看看如何实现这个assert？首先新建一个h...
2017-03-01 08:02

先来说说assert，应用代码是这个样子的：
<script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script>
assert就是一个javascript函数，有两个参数，第一个参数用来判断表达式是true或false，第二个参数用来对测试做一些说明，测试结果直接显示在html中，这里的测试结果是这个样子的：
assert结果
还挺酷的吧。好了，那么我们就来看看如何实现这个assert？
首先新建一个html文件
然后在body中加入一个id为rusults的ul节点：
123<body> <ul id="results"></ul></body>
后面所有的assert结果列表都要加到这个节点下。
assert执行完成后的html结果是这样的：
assert的html结构
看起来挺简单的吧，就是在ul节点下对每个assert测试用li节点来表现。对于测试为true的li节点的class被赋值为pass，对于测试为false的li节点的class被赋值为fail。
原理清楚了，那么这个assert函数的代码看起来就不复杂了：
function assert(value, desc) { // 创建li节点 var li = document.createElement("li"); // 如果value为true，li的class为pass // 如果value为false，li的class为fail li.className = value ? "pass" : "fail"; // 根据desc创建text节点，然后添加到li节点下 li.appendChild(document.createTextNode(desc)); // 找到document中id为results的节点元素，就是那个body下的ul， // 然后把新建的li节点添加到ul节点下 document.getElementById("results").appendChild(li); }
剩下的就是添加一些css，美化一下html了，既然已经学习javascript了，一般的html和css的内容就不在这说了，完整的html如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>assert</title> <style> body { font-family: sans-serif; font-size: 12pt; } #results { background-color: #e0e0e0; border-radius: 1em; padding: 1em; list-style-position: inside; } ul { list-style-type : circle; } #results li { margin-bottom: 0.2em; } #results li.fail { color: red; text-decoration: line-through; } #results li.pass { color: green; } </style> <script type="text/javascript"> function assert(value, desc) { // 创建li节点 var li = document.createElement("li"); // 如果value为true，li的class为pass // 如果value为false，li的class为fail li.className = value ? "pass" : "fail"; // 根据desc创建text节点，然后添加到li节点下 li.appendChild(document.createTextNode(desc)); // 找到document中id为results的节点元素，就是那个body下的ul， // 然后把新建的li节点添加到ul节点下 document.getElementById("results").appendChild(li); } </script> </head> <body> <ul id="results"></ul> <script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script> </body> </html>

推荐

回应 2017-03-01 08:02
展开收起
第250页
function isXML(elem){ return elem.ownerDocument || elem.documentElement.nodeName.toLowerCase() !== 'html'; } 如果不确定一个特性是否存在，可以对其进行测试，如果不存在的话再使用DOM方法。这里有一个例子： var value = element.someValue ? element.someValue : element.getAttribute('someValue');
2016-02-07 20:02
function isXML(elem){ return elem.ownerDocument || elem.documentElement.nodeName.toLowerCase() !== 'html'; }
如果不确定一个特性是否存在，可以对其进行测试，如果不存在的话再使用DOM方法。这里有一个例子：
var value = element.someValue ? element.someValue : element.getAttribute('someValue');

推荐

回应 2016-02-07 20:02
展开收起
第253页
window.attr = function(element,name,value){ var property = name,propertyExists = typeof element[property] !== 'undefined'; if(typeof value !== 'undefined'){ if(propertyExists ) element[property] = value; else element.setAttriBute(name,value); } return propertyExists ? element[property] : element.getAttribute(name); }
2016-02-07 20:33
window.attr = function(element,name,value){ var property = name,propertyExists = typeof element[property] !== 'undefined'; if(typeof value !== 'undefined'){ if(propertyExists ) element[property] = value; else element.setAttriBute(name,value); } return propertyExists ? element[property] : element.getAttribute(name); }

推荐

回应 2016-02-07 20:33

展开收起
第4页第1章

想流浪的宅女 (June)

一个JavaScript库的组成可以分为如下三个方面。1. javascript语言的高级使用。2.跨浏览器代码的精心构建。3.当前能够聚众合一的最佳实践应用。 1. js语言的高级使用：对象、函数、闭包等。 2. 跨浏览器代码，即兼容性问题。 3. 最佳实践，除了语言外，还包括：测试、性能分析、调试技巧。
2017-10-13 10:46

一个JavaScript库的组成可以分为如下三个方面。1. javascript语言的高级使用。2.跨浏览器代码的精心构建。3.当前能够聚众合一的最佳实践应用。
引自第1章
1. js语言的高级使用：对象、函数、闭包等。
2. 跨浏览器代码，即兼容性问题。
3. 最佳实践，除了语言外，还包括：测试、性能分析、调试技巧。

推荐

回应 2017-10-13 10:46
展开收起
第20页 2.4.1断言

胖胖熊

先来说说assert，应用代码是这个样子的： <script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script> assert就是一个javascript函数，有两个参数，第一个参数用来判断表达式是true或false，第二个参数用来对测试做一些说明，测试结果直接显示在html中，这里的测试结果是这个样子的：还挺酷的吧。好了，那么我们就来看看如何实现这个assert？首先新建一个h...
2017-03-01 08:02

先来说说assert，应用代码是这个样子的：
<script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script>
assert就是一个javascript函数，有两个参数，第一个参数用来判断表达式是true或false，第二个参数用来对测试做一些说明，测试结果直接显示在html中，这里的测试结果是这个样子的：
assert结果
还挺酷的吧。好了，那么我们就来看看如何实现这个assert？
首先新建一个html文件
然后在body中加入一个id为rusults的ul节点：
123<body> <ul id="results"></ul></body>
后面所有的assert结果列表都要加到这个节点下。
assert执行完成后的html结果是这样的：
assert的html结构
看起来挺简单的吧，就是在ul节点下对每个assert测试用li节点来表现。对于测试为true的li节点的class被赋值为pass，对于测试为false的li节点的class被赋值为fail。
原理清楚了，那么这个assert函数的代码看起来就不复杂了：
function assert(value, desc) { // 创建li节点 var li = document.createElement("li"); // 如果value为true，li的class为pass // 如果value为false，li的class为fail li.className = value ? "pass" : "fail"; // 根据desc创建text节点，然后添加到li节点下 li.appendChild(document.createTextNode(desc)); // 找到document中id为results的节点元素，就是那个body下的ul， // 然后把新建的li节点添加到ul节点下 document.getElementById("results").appendChild(li); }
剩下的就是添加一些css，美化一下html了，既然已经学习javascript了，一般的html和css的内容就不在这说了，完整的html如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>assert</title> <style> body { font-family: sans-serif; font-size: 12pt; } #results { background-color: #e0e0e0; border-radius: 1em; padding: 1em; list-style-position: inside; } ul { list-style-type : circle; } #results li { margin-bottom: 0.2em; } #results li.fail { color: red; text-decoration: line-through; } #results li.pass { color: green; } </style> <script type="text/javascript"> function assert(value, desc) { // 创建li节点 var li = document.createElement("li"); // 如果value为true，li的class为pass // 如果value为false，li的class为fail li.className = value ? "pass" : "fail"; // 根据desc创建text节点，然后添加到li节点下 li.appendChild(document.createTextNode(desc)); // 找到document中id为results的节点元素，就是那个body下的ul， // 然后把新建的li节点添加到ul节点下 document.getElementById("results").appendChild(li); } </script> </head> <body> <ul id="results"></ul> <script type="text/javascript"> assert(1 + 1 === 2, "1 + 1 = 2"); assert(1 + 1 === 3, "1 + 1 = 3"); </script> </body> </html>

推荐

回应 2017-03-01 08:02
展开收起
原型与面向对象
Davis (nobody)
使用 new 操作符来进行构造器调用初始化操作的优先级 1. 通过原型给对象实例添加的属性 2. 在构造器函数内给对象实例添加的属性 JavaScript 中的每个对象都有一个名为 constructor 的隐式属性原型链的创建方式 SubClass.prototype = new SuperClass(); 避免将原型对象复制给另一个原型，因为这是一个引用利用JavaScript对象构造器都有可以被操作和扩展的原型属性，可以扩展这门语言自身的功能。可以参考 .net extension meth...
2016-10-21 12:49
使用 new 操作符来进行构造器调用初始化操作的优先级 1. 通过原型给对象实例添加的属性 2. 在构造器函数内给对象实例添加的属性 JavaScript 中的每个对象都有一个名为 constructor 的隐式属性原型链的创建方式
SubClass.prototype = new SuperClass();
避免将原型对象复制给另一个原型，因为这是一个引用利用JavaScript对象构造器都有可以被操作和扩展的原型属性，可以扩展这门语言自身的功能。可以参考 .net extension method， ruby open class。 JavaScript 原型链是实时生效的，在扩展基类的时候需要注意。 ECMAScript 2015 (6th Edition, ECMA-262) 已经支持使用 class 关键字定义类了。

推荐

回应 2016-10-21 12:49
展开收起
闭包

Davis (nobody)

# 闭包是什么，它们是如何工作的闭包(closure)是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的作用域。换句话说，闭包可以让函数访问所有的变量和函数，只要这些变量和函数存在于该函数声明时的作用域内就行。在函数声明的时候不仅仅声明了函数，还创建了一个闭包，该闭包不仅包含函数声明，还包含了函数声明的那一时刻点上该作用域中所有的变量。使用闭包时，闭包里的信息会一直保存在内存里，...
2016-10-18 14:11

# 闭包是什么，它们是如何工作的
闭包(closure)是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的作用域。换句话说，闭包可以让函数访问所有的变量和函数，只要这些变量和函数存在于该函数声明时的作用域内就行。
引自闭包
在函数声明的时候不仅仅声明了函数，还创建了一个闭包，该闭包不仅包含函数声明，还包含了函数声明的那一时刻点上该作用域中所有的变量。使用闭包时，闭包里的信息会一直保存在内存里，直到这些信息确保不再被使（可以安全进行垃圾回收），或页面卸载时，JavaScript引擎才能清理这些信息。 # 利用闭包简化开发
每一个函数都有自己的上下文，所以函数从来都不是闭包的一部分。但是可以通过创建一个变量引用到上下文上，从而可以将上下文变成闭包的一部分。函数包装是一种封装函数逻辑的技巧，用于在单个步骤内重载创建新函数或者继承函数。最有价值的场景是，在重载一个写已经存在的函数时，同时保持原始函数在被包装后仍然能够有效使用。
引自闭包
即时函数也是函数。 # 利用闭包提高性能闭包记住的是变量的引用，而不是闭包创建时刻的该变量的值。 # 利用闭包解决常见的作用域问题很多编程语言变量的作用域依赖代码块，而JavaScript依赖变量所在的闭包。通过参数限制作用域内的名称，同时也可以通过参数来创建变量作用域内的快捷方式。

推荐

回应 2016-10-18 14:11