《JavaScript忍者秘籍》读后感精选

《Javaｓｃｒｉｐｔ忍者秘籍》是一本由John Resig / Bear Bibeault著作，人民邮电出版社出版的平装图书，本书定价：69.00，页数：350，特精心收集的读后感，希望对大家能有帮助。

《Javaｓｃｒｉｐｔ忍者秘籍》读后感(一)：好书，真正的js秘籍，提升必看

大神出品的书果然很赞，看了之后能够让你真正感受到js的灵活，不得不佩服作者，无愧这本书的名字。唯一不足的是，翻译的一些地方不是很好。

如果想提升自己javaｓｃｒｉｐｔ的话，这本书绝对是必看之作，吐血推荐！！

《Javaｓｃｒｉｐｔ忍者秘籍》读后感(二)：真正的Javaｓｃｒｉｐｔ忍者秘籍

这是一本Javaｓｃｒｉｐｔ进阶书，翻译也比较地道。本书是由jQuery的创建者和《jQuery实战》的作者合著的。全书从实际的实践中出发，对测试，函数、闭包、正则、定时器、事件，跨浏览器的DOM编程等内容，娓娓道来，内容清晰明了。同时对Javaｓｃｒｉｐｔ编程中存在的陷阱以及规避的办法还有一些非常有用的小技巧穿插在其中，非常精彩，让我在阅读的过程中好几次为作者的巧妙思路而喝彩。总之如果你有了一定Javaｓｃｒｉｐｔ基础，想要进一步提升自己的水平的话，看完这本书一定会让你受益匪浅，写起Javaｓｃｒｉｐｔ代码来底气也更足。

《Javaｓｃｒｉｐｔ忍者秘籍》读后感(三)：那些我不知道的知识点

==== 修改说明：去掉对于翻译质量的评价，只评论本书的内容罢。====

==== 但是！译者对闭包概念的翻译（86页）真是让人大跌眼镜啊！！！真的是用的谷歌翻译吗？？？====

书名《Javaｓｃｒｉｐｔ忍者秘籍》，作者呢是大名鼎鼎的 jQuery 的创作者。这本书里介绍了各种“忍者级”JS用法，收益颇丰。

总体来说，这本书适合中级 JS 开发者。作者的许多代码，就体现了他在设计 jQuery 时的编程思想，非常有价值。

附：

本评论的阅读体验更友好的地址（我的博客里）：

http://borninsummer.com/2016/09/20/javaｓｃｒｉｐｔ-ninja/

### 第3章 函数是根基

函数的 name 属性，有别于函数表达式的变量名，它是函数声明时指定的。

### 第4章 挥舞函数

函数名是一个有趣的概念，它的本质是 token，与变量名、对象属性名一样，都有各自的可见范围。

函数声明可以使得该函数在其所在的词法作用域内在任意处访问到。

函数表达式里，如果 function 关键字后面带有函数名，那么该函数名字只能被自己的函数体内访问到，外部都不可见。

例如：

```

var a = function b() {

console.log(b.name);

};

a(); // b

b(); // Uncaught ReferenceError: b is not defined

```

而且函数名是一个优先级比较弱的标识符，函数的形参名会在函数体内覆盖函数名：

```

var a = function b(b) {

console.log(b.name);

};

a(); // Uncaught TypeError: Cannot read property 'name' of undefined

```

而在将对象的属性指向一个函数时，如果将函数进行命名，那么其行为与函数表达式一样。这样的函数被称为内联命名函数。

72页的一段代码非常有趣，对象的方法可以调用数组原型方法，例如 Array.prototype.push.call(this, objectB)，然后如果这个对象有个 length 属性，那么这个原型方法呢就会将 length 值加 1，并且给对象添加一个数字属性，对象通过 [index] 访问这个数字属性，就可以访问到刚刚添加的对象 objectB。

#### 4.4 函数重载方式

> 重载函数是函数的一种特殊情况，为方便使用，C++允许在同一范围中声明几个功能类似的同名函数，但是这些同名函数的形式参数（指参数的个数、类型或者顺序）必须不同，也就是说用同一个运算符完成不同的运算功能。这就是重载函数。重载函数常用来实现功能类似而所处理的数据类型不同的问题。

>

> ——来自百度百科

这本书给出的 JS 实现函数重载的技术与C++不同，但是思路是一样的：根据形参来、直观地重载；充分利用闭包来保存函数链。

```

/**

* 用于给对象添加重载方法的方法

* @param {[type]} object [deｓｃｒｉｐｔion]

* @param {[type]} name [deｓｃｒｉｐｔion]

* @param {Function} fn [deｓｃｒｉｐｔion]

*/

function addMethod(object, name, fn) {

var old = object[name];

object[name] = function() {

if (fn.length === arguments.length) {

return fn.apply(this, arguments);

} else if (Object.prototype.toString.call(old) === '[object Function]') {

return old.apply(this, arguments);

}

};

}

/**

* 定义一个测试对象

*/

var ninjas = {

values: ['a', 'b', 'c']

};

/**

* 第一个是不带任何参数的方法

*/

addMethod(ninjas, 'find', function() {

return this.values;

});

/**

* 第二个方法带有一个字符串参数

*/

addMethod(ninjas, 'find', function(str) {

return this.values.filter(item => (item === str));

});

console.log(ninjas.find()); // ["a", "b", "c"]

console.log(ninjas.find('c')); // [c"]

```

Jhon Resig 自夸说：**这是个绝佳的技巧，因为这些绑定函数实际上并没有存储于任何典型的数据结构中，而是在闭包里作为引用进行存储**。

的确很巧妙。

### 第8章 驯服线程和定时器

同一个 interval 处理程序的多个实例不能同时进行排队。因此，setInterval 的有些回调可能就被废弃掉了。

> 减少同时使用的定时器的数量，将有助于解决这种问题（卡顿），这就是为什么所有现代动画引擎都使用一种称为中央定时器控制（central timer control）的技术。

一个完整的中央定时器控制示例代码：

```

<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">

var timers = {

timerID: 0,

timers: [],

add: function(fn) {

this.timers.push(fn);

},

start: function() {

if(this.timerID) return;

(function runNext() {

if(timers.timers.length > 0) {

for (var i = 0; i < timers.timers.length; i++) {

if(timers.timers[i]() === false) {

timers.timers.splice(i,1);

i--;

}

}

timers.timerID = setTimeout(runNext, 0);

}

})();

},

stop: function() {

clearTimeout(this.timerID);

this.timerID = 0;

}

};

var box = document.getElementById("box"), x = 0, y = 20;

timers.add(function() {

box.style.left = x + "px";

if(++x > 50) return false;

});

timers.add(function() {

box.style.top = y + "px";

y += 1;

if (y > 120) return false;

});

timers.start();

```