《javascript模式--by Stoyan Stefanov》书摘--基本技巧

《javascript模式--by Stoyan Stefanov》书摘--汇总

<javascript模式--by Stoyan Stefanov>书摘--基本技巧 http://www.cnblogs.com/liubei/p/JavascriptModeLog1.html <javascript模式--by Stoyan Stefanov>书摘--字面量和构造函数 http://www.cnblogs.com/liubei/p/JavascriptModeLog2.html 书摘连载,持续更新,请后续关注………

《javascript模式--by Stoyan Stefanov》书摘--基本技巧

一.基本技巧 1,变量释放的副作用 a.使用var创建的全局变量(在函数外部创建)不能删除. b.不使用var创建的隐含全局变量(尽管在函数内部创建)可以删除. // 定义三个全局变量 var global_var = 1; global_novar = 2; // 反模式 (function(){ global_fromfunc = 3; // 反模式 }()) // 企图删除 delete global_var; // false delete global_novar; // true d…

《javascript模式--by Stoyan Stefanov》书摘--字面量和构造函数

二.字面量和构造函数 1,能够使用对象字面量时,就没理由使用new Object构造函数 // 一个空对象var 0 = new Object();console.log( o.constructor === Object ); //true // 一个数值对象var o = new Object(1);console.log( o.constructor === Number ); //true 2.自定义构造函数可重用的成员,比如可重用方法,都应该放置到对象的原型中 3.构造函数的返回值…

《javascript模式--by Stoyan Stefanov》书摘--函数

三.函数 1.函数的命名属性 // IE下不支持name属性 var foo = function bar () { // todo }; foo.name; // "bar" 2.函数的提升 function foo () { alert("global foo") } function bar () { alert("global bar") } function whoIsMe () { console.log(typeof foo); /…

《JavaScript模式》第2章基本技巧

@by Ruth92(转载请注明出处) 第2章基本技巧一.编写可维护的代码阅读性好具有一致性预见性好看起来如同一个人编写有文档编写注释编写 API 文档 @namespace:用于命名包含以上对象的全局引用的名称. @class:有些命名不当,实际上是指对象或者构造函数. @method:定义对象中的方法和方法名. @param:列举函数使用的参数.其中将参数类型用大括号括起来,并在其后注释参数名及描述. @return:类似于 @param,用于描述返回值的,并且该方法没有名…

javascript 模式(1)——代码复用

程序的开发离不开代码的复用,通过代码复用可以减少开发和维护成本,在谈及代码复用的时候,会首先想到继承性,但继承并不是解决代码复用的唯一方式,还有其他的复用模式比如对象组合.本节将会讲解多种继承模式以实现代码复用. 继承复用-默认模式继承复用-apply函数继承复用-临时构造继承复用之默认模式: 每个javascript对象都和另一个对象相关联,而这个对象就是原型(prototype),而原型又可以链接到其他原型行程原型链,如果当前对象不存在类似方法则会沿原型链查找,直到查找为止.继承的默…

【读书笔记】读《JavaScript模式》 - 函数复用模式之现代继承模式

现代继承模式可表述为:其他任何不需要以类的方式考虑得模式. 现代继承方式#1 —— 原型继承之无类继承模式 function object(o) { function F() {}; F.prototype = o; return new F(); } function Person() { this.name = 'king'; } Person.prototype.getName = function () { return this.name; }; var papa = new Pers…

【读书笔记】读《JavaScript模式》 - 函数复用模式之类式继承模式

实现类式继承的目标是通过构造函数Child()获取来自于另外一个构造函数Parent()的属性,从而创建对象. 1.类式继承模式#1 —— 默认方式(原型指向父函数实例) function Parent(name) { this.name = name || 'king'; } Parent.prototype.say = function () { return this.name; }; function Child(name) { this.name = name; } function…

初涉JavaScript模式系列阶段总结及规划

总结不知不觉写初涉JavaScript模式系列已经半个月了,没想到把一个个小点进行放大,竟然可以发现这么多东西. 期间生怕对JS的理解不到位而误导各位,读了很多书(个人感觉JS是最难的oo语言),也纠正了不少自己的观念和认知错误. 但是久而久之发现,偏离了我原本的思维,我原本的想法是把自己的知识碎片进行一个汇总然后参照现有书籍(权威)的逻辑罗列出来,而随着边看书边写博这种方式,我最初的思维完全被书作者的逻辑牵着走,导致文章没有了我预想的作用. 这一方面是由于我的阅历和经验包括处理问题的逻辑不到…

【前端】javascript中10常用的个小技巧总结

javascript中10常用的个小技巧总结本文转自:http://www.cnblogs.com/libin-1/p/6756393.html 1. new Set() 可能有人知道ES6中提供了新的数据结构 Set,但是能够灵活运用的人或许不多.利用Set数据结构我们能够轻松的去重一个数组,比如: let arr = [1, 2, 2, 3]; let set = new Set(arr); let newArr = Array.from(set); // Array.from方法可以将…

javascript的40个网页常用小技巧

下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助.1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取.防止复…

《JavaScript 模式》知识点小抄本（下）

介绍最近开始给自己每周订个学习任务,学习结果反馈为一篇文章的输出,做好学习记录. 这一周(02.25-03.03)我定的目标是<JavaScript 模式>的第七章学习一遍,学习结果的反馈就是本篇文章啦. 由于内容实在太长,我将本文分为两部分: <JavaScript 模式>知识点整理(上) <JavaScript 模式>知识点整理(下) 本文内容中主要参考<JavaScript 模式>,其中也有些案例是来自网上资料,有备注出处啦,如造成不便,请联系我删改…

《JavaScript 模式》知识点小抄本（上）

《JavaScript 模式》读书笔记（2）— 基本技巧1

这篇文章的主要内容,介绍了一些js编程中的基本技巧,其实这些技巧,大家在开发的过程中,或多或少都在使用,或者已经可以熟练的应用于自己的代码或项目中了.那么,这篇文章,就一起来回顾下这些“基本技巧”. 编写可维护的代码我们想象一下,在我们的工作过程中,要去改一个bug,这个bug可能是由于之前十几个人维护的项目,没有规范,没有JSLint,代码就像在大草原上弛聘一样,随心所欲,无欲无求.到了今天,刚好你接受了这个项目,测试发现了这个潜藏在系统中已久但今天才暴露的问题.然后,你看着这些代码,心里面…

《JavaScript 模式》读书笔记（2）— 基本技巧2

前一篇,简单介绍了一些js代码的基本技巧.那么这篇文章,我们继续后续的内容. 一.for循环 for循环经常用在遍历数组或者类数组对象,如引数(arguments)和HTML容器(HTMLColltion)对象.通常for循环模式使用如下: for(var i = 0; i < myarray.length; i++) { // 对myarray[i]做操作 } 这种模式的问题在于,每次循环迭代时都要访问数据的长度.这样不好.所以: for(var i = 0, max = myarray.le…

《JavaScript 模式》读书笔记（2）— 基本技巧3

这是基本技巧的最后一篇内容,这篇内容示例代码并不多.主要是概念比较多一点. 编码约定确定并一致遵循约定比这个具体约定是什么更为重要. 一.缩进无论是使用tab还是空格,只要是一致遵循的,是什么并不重要.JSLint的默认值是4个空格来缩进.那么需要对哪些内容进行缩进呢?只需要对大括号中所有的代码进行缩进.主要包含函数体.循环体(do.while.for.for-in).if语句.switch语句和对象字面量引用的属性. 二.大括号应该经常使用大括号,甚至在可选的情形下,都请使用大括号.从技…

【javascript模式】Chapter2：基本技巧

1 尽量少用全局变量,最好一个应用程式只有一个全局变量隐含全局变量(不使用var声明)与明确定义的全局变量区别: (1)使用var创建的全局变量(在函数外部声明)不能用delete删除 (2)不使用var创建的隐含全局变量可以删除这表明隐含全局变量严格来讲并不是真正的变量,而是全局对象的属性,属性可以通过delete操作符删除,但是变量不可以 2 获取全局对象 var global = (function() { return this; }) 3 单一var模式:…

初涉JavaScript模式 (2) : 基本技巧

尽量少用全局变量大量使用全局变量会导致的后果全局变量创建以后会在整个JavaScript应用和Web页面中共享.所有的全局变量都存在于一个全局命名空间内,很容易发生冲突不知不觉创建了全局变量其原因在于JavaScript的两个特性,第一个是JavaScript可直接使用变量而无需声明,第二个是JavaScript的暗示全局变量的概念,即任何变量如果未经声明,就为全局对象所有为了避免我们无意间创建了全局变量我们可以使用var声明变量另一种创建暗示全局变量的反模式是带有var声明的链式…

Javascript模式（第二章基本技巧）------读书笔记

本章主要帮助大家写出高质量的JS代码的方法,模式和习惯,例如:避免使用全局变量,使用单个的var变量声明,缓存for循环的长度变量length等一.尽量避免使用全局变量 1 每一个js环境都有一个全局对象,通过this可以访问,创建的每一个全局变量都归这个全局对象所有,在浏览器中,这个全局对象this等于window(在其他环境中,this对象不一定是window对象) var sss="sss"; this.sss;//"sss" window.sss;//&q…

《JavaScript模式》读书笔记

简介在软件开发过程中,模式是指一个通用问题的解决方案.一个模式不仅仅是一个可以用来复制粘贴的代码解决方案,更多地是提供了一个更好的实践经验.有用的抽象化表示和解决一类问题的模板. 对象有两大类: 本地对象(Native):由ECMAScript标准定义的对象宿主对象(Host):由宿主环境创建的对象(比如浏览器环境) 本地对象也可以被归类为内置对象(比如Array.Date)或自定义对象(var o = {}). 宿主对象包含window和所有DOM对象.如果你想知道你是否在使用宿主对象,将…

《JavaScript 模式》读书笔记（1）— 简介

哇,看了自己最近的一篇文章,其实那时候刚接触Jest,啥也不会(虽然现在其实也一样不会,嘿嘿),就像记录下工作中遇到的一些问题,其实,后来的一些发现吧,那两篇文章写的其实是有一些问题的.希望不会给大家带来一些误导,在某些特殊的情况下,确实可以解决描述中的问题,但是实际上,并没有真正的理解问题是什么,只是表面解决罢了. 时隔一年,最近想要提升下自己的js功底,提升下自己在更高层次的方向上的一些思路和能力,所以看了这本书.其中有些内容一方面由于我的能力较差,妈的竟然没看懂,一方面因为是翻译的,所以总…

javascript 模式(2)——单例模式

单例模式是一种非常极端的模式,它保证了一个类在整个应用程序域中只有一个实体,意味着当你多次创建某一个类的实例的时候它们都是第一次创建的那个. 在Java或c#环境实现单例模式很简单,只需要定义静态变量即可,将对象存入静态变量中即可,静态变量不会随类实例而变换.同理在javascript也是类似实现原理. 公共静态变量实现单例模式 var Earth = (function () { if (typeof Earth.instance === 'object') { return Earth.in…