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

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

一:模式 模式是一个通用问题的解决方案,可以提供一个更好的实践经验.有用的抽象化表示和解决一类问题的模板. 本书主要讨论如下三种类型的模式 1 设计模式:可复用面向对象软件的基础,包括singleton.factory.decorator.observer等 2 编码模式:是js特有的模式,它提供了关于该语言独特的很好的体验 3 反模式:并不是bug或者编码错误,而是常见的,引起的问题比解决的问题更多的一种方法 二:JS:基本概念 2.1:面向对象 1 js是一门面向对象的语言,只有5种基本类型…

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

第一次写这种东西, 有些生涩和蹩脚, 也是为了自己在表达或是总结方面有所提高, 同时为看过的东西留个痕迹, 以便日后查阅. 有错误或是不妥的地方, 还望各位指正, 谢谢! 第1章 简介 本章主要介绍了本书要讨论的内容, Javascript的一些基本概念, 面向对象, 原型, ECMASCript5, JSLine和console的相关内容. 不做过多阐述, 给出模式的定义 广义上: 模式是一个可以用来产生其他事物的模板或模型. 在软件开发中, 模式是指一个通用问题的解决方案. 书中主要讨论三种…

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

<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进阶课程--第一章--函数 学习要点 了解内存管理 掌握全局函数的使用 知识点 基本类型和引用类型 基本类型值有:undefined,NUll,Boolean,Number和String 这些类型分别在内存中占有固定的大小空间,例如:数值型在内存中占有八个字节,布尔值只占有一个字节...... 他们的值保存在栈空间,我们通过按值来访问的. 引用类型:对象.数组.函数. 引用类型内存中占有的空间不固定,但是内存地址大小是固定的,因此存储的实际上是数据的内存地址. 在变量复制时候…

javascript进阶教程第一章案例实战 一.学习任务 通过几个案例练习回顾学过的知识 通过练习积累JS的使用技巧 二.实例 练习1:删除确认提示框 实例描述: 防止用户小心单击了“删除”按钮,在用户单击“删除”按钮后,给出一个提示,让用户确认此次操作是否正确. 涉及到的知识点: confirm():用于显示一个带有指定消息和 OK 及取消按钮的对话框. 如果用户点击确定按钮,则 confirm() 返回 true.如果点击取消按钮,则 confirm() 返回 false. 包含一个if判断…

javascript进阶课程--第二章--对象 学习要点 理解面向对象的概念 掌握对象的创建方法 掌握继承的概念和实现方法 基本概念 对象究竟是什么?什么叫面向对象编程? 对象是从我们现实生活中抽象出来的一个概念,俗话说物以类聚,人以群分.这里面就有两个重要概念 类:无论是物以类聚,还是有一类人,这里说的类并不是实际存在的事物,是一些特征.是一些规则等 人/物,是现实存在,和类的关系就是符合类的描述 类和实例的概念 类:每个对象都由类定义,可以把类看做对象的配方. 类不仅要定义对象的的属性和方法…

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

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

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

实现类式继承的目标是通过构造函数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…

实现一个列表 script var booklist = new List(); booklist.append('jsbook'); booklist.append('cssbook'); booklist.append('htmlbook'); console.log(booklist.length()) //3 console.log(booklist.toString()) //["jsbook", "cssbook", "htmlbook&quo…

这是我整理的javascript高级程序设计第二章的脑图,内容也是非常浅显与简单.希望您看了我的博客能够给我一些意见或者建议.…

javascript自动填写表单小技巧 在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用javascript,写一段脚本,预先把要填的信息准备好,然后模拟点击按钮的动作,自动提交表单,轻松且高效. 步骤1. 找到页面中对应的form,把form中所需的html控件列出来,如 <form name="customersForm" id="myform" method="POST" action="in…

webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载: 百度网盘下载:http://pan.baidu.com/s/1pJI9PMV WebStorm为前端javascript开发而生,专门为 javascript开发做了很多优化,令前端工程师眼前一亮的. 一.webstorm的功能 1.webstorm的智能的代码补全: 支持不同浏览器的提示,还包括所有用户自定义的函数(项目中) WebStorm…

javascript进阶教程第二章对象案例实战 一.学习任务 通过几个案例练习回顾学过的知识 通过案例练习补充几个之前没有见到或者虽然讲过单是讲的不仔细的知识点. 二.具体实例 温馨提示 面向对象的知识非常重要,也是一个难点,我们讲的比较基础,对这些基础的原理希望大家都能掌握,这也是对后续课程内容的一个铺垫. 如果要使用面向对象的思路去编程,还需要进一步的学习和对JS更深入的理解,在现阶段只要求大家理解这些基础的东西,能看懂一些面向对象的案例即可. 练习1:具有默认值的构造函数 实例描述: 有时…

JavaScript笔记(第一章,第二章) 第一章: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript" src="lesson2.js"></script> Lesson2.js document.write("<div s…

一 命名空间模式 1 命名空间模式的代码格式 var MYAPP={ name:"", version:"1.0", init:function(){ } }; 2 命名空间的优点: 减少全局变量的数量, 避免命名冲突 3 缺点: 需要输入更多的字符,每个函数和变量前面都需要附加前缀 长嵌套名字需要更多的解析查询时间 var a=""; function addPerson(){ } function someVar="";…

@by Ruth92(转载请注明出处) 第6章:代码复用模式 GoF 在其著作中提出的有关创建对象的建议原则: -- 优先使用对象组合,而不是类继承. 传统模式:使用类继承: 现代模式:"类式继承",不以类的方式考虑. 代码重用才是最终目的,继承只是实现这一目标的方法之一. ☞ 使用类式继承时的预期结果 // 父构造函数 function Parent(name) { this.name = name || 'Adam'; } Parent.prototype.say = functi…

@by Ruth92(转载请注明出处) 第5章:对象创建模式 JavaScript 是一种简洁明了的语言,并没有其他语言中经常使用的一些特殊语法特征,如 命名空间.模块.包.私有属性 以及 静态成员 等语法. 但是通过常见的模式,可以实现.替换其他语言中的语法特征. 1. 命名空间模式 // 全局变量,不安全 var MYAPP = {}; // 更好的代码风格 if (typeof MYAPP === 'undefined') { var MYAPP = {}; } // 或者用更短的语句 v…

@by Ruth92(转载请注明出处) 第4章:函数 一.JavaScript 中函数的两个重要特征 函数是第一类对象,可以作为带有属性和方法的值以及参数进行传递: 函数提供了局部作用域,而其他大括号并不能提供这种局部作用域.此外,声明的局部变量可被提升到局部作用域的顶部. 二.创建函数的语法包括: 命名函数表达式(函数表达式的一种特殊情况): var add = function add(a,b) { return a + b; }; // <-- 分号结尾 函数表达式,即匿名函数: // 该…

@by Ruth92(转载请注明出处) 第3章:字面量和构造函数 一.创建对象的三种方式 // 对象字面量 var car = {goes: "far"}; // 内置构造函数(反模式) var car = new Object(); car.goes = "far"; // 自定义构造函数 var adam = new Person("Adam"); adam.say(); ☛ 对象字面量的优点: 按需创建对象,在程序生命周期内的任何时候都可以…

@by Ruth92(转载请注明出处) 第1章 简介 模式 模式:是指一个通用问题的解决方案. 设计模式 编码模式 反模式:常见的.引发问题比解决的问题更多的一种方法. JavaScript 基本概念 JS 五基本种类型(不是对象): 数值类型(number) 字符串类型(string) 布尔类型(boolean) 空类型(null) 未定义类型(undefined) 其中,number, string, boolean 有对应的以基本类型封装形式体现的对象表示,它们的值可以通过程序员或者位于幕…

一.基本技巧 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…

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

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