javascript优化--02高质量编码
方法调用:
- 通常某个对象调用方法查找该方法并将该对象作为该方法的接受者(this);
- 使用call自定义接受者
- 可以调用在给定对象中不存在的方法;
- 定义高阶函数,允许使用者给回调函数指定接受者;
使用bind方法:
- 当高阶函数传递对象方法时,可以使用匿名函数在适当的接受者上调用方法,或使用bind绑定接受者;
- 使用bind方法实现函数的柯里化(创建一个固定函数子集的委托函数),这里一般绑定接受者null;
使用高阶函数:
- 高阶函数就是将函数作为参数或返回值的函数;
- 出现重复或相似的代码时,可以考虑高阶函数;
arguments对象:
- 永远不要修改arguements对象;
- 使用[].slice.call(arguments)复制到真正数组之后再操作;
- 在嵌套函数中最好将arguments绑定到一个新变量中;
arguments.caller/arguments.callee/caller;
- 避免使用非标准的arguments.caller和arguments.callee属性,因为不具备良好的移植性;
- 避免使用函数对象的caller属性,因为在包含全部栈信息方面,它是不可靠的;
函数对象的toString方法:
- 避免使用函数对象的toString方法;
- 不同情引擎下调用toString方法的结果可能不同,在使用它提取函数源代码时不值得信赖;
new操作构造函数:
在使用构造函数时可能忘记new,一般可以将构造函数写为:
function User(name, password) {
if(!(this instanceof User)) {
return new User(name, password);
}
this.name = name;
this.password = password;
}
但它需要额外函数调用,可以选择更优方法:
function User(name, password) {
var self = this.instanceof User
? this
: Object.create(User.prototype);
self.name = name;
self.password = password;
return self;
}
对于没有Object.create方法,可以简单实现其单参数方法
Object.create = function(prototype) {
function C() {};
C.prototype = prototype;
return new C();
}
私有数据:
- 在构造函数中保存私有属性,更倾向于使用闭包,而不是用下划线标记属性的形式;
- 相对的,这些方法必须置于实例对象中;
构建子类/父类继承:
function Scene(context, width, height, images) {
this.context = context;
this.width = width;
this.height = height;
this.images = images;
this.actors = [];
}
Scene.prototype.register = function(actor) {
this.actors.push(actor);
}
Scene.prototype.unregister = function(actor) {
var i = this.actors.indexOf(actor);
if(i >= 0) {
this.splice(i,1);
}
}
Scene.prototype.draw = function() {
this.context.clearRect(0, 0, this.width, this.height);
for(var a = this.actors, i = 0, n = a.length;
i < n;
i++) {
a[i].draw();
}
} //---------------------------------
function Actor(scene, x, y) {
this.scene = scene;
this.x = x;
this.y = y;
scene.register(this);
}
Actor.prototype.moveTo = function(x, y) {
this.x = x;
this.y = y;
this.scene.draw();
}
Actor.prototype.exit = function () {
this.scene.unregister(this);
this.scene.draw();
}
Actor.prototype.draw = function() {
varimage = this.scene.images[this.type];
this.scene.context.drawImage(image, this,x, this,y);
}
Actor.prototype.width = function() {
return this.scene.images[this.type].width;
}
Actor.prototype.height = function() {
return this.scene.images[this.type].height;
} //---------------------------------
function SpaceShip(scene, x, y) {
Actor.call(this, scene, x, y);
this.points = 0;
}
SpaceShip.prototype = Object.create(Actor.prototype); SpaceShip.prototype.type = 'spaceShip'; SpaceShip.prototype.scorePoint = function() {
this.points++;
}
SpaceShip.prototype.left = function() {
this.moveTo(Math.max(this.x - 10, 0), this.y);
}
SpaceShip.prototype.right = function() {
var maxWidth = this.scene.width - this.width();
this.moveTo(Math.min(this.x + 10, maxWidth), this.y);
}
- 在子类构造函数中使用call显式地传入this作为接受者调用父类构造函数;
function SpaceShip(scene, x, y) {
Actor.call(this, scene, x, y);
this.points = 0;
}
- 使用Object.create函数来构造子类的原型对象以避免调用父类的构造函数;
SpaceShip.prototype = Object.create(Actor.prototype);
- 不要在子类中重用父类的属性名;
避免继承标准类:继承标准类往往会由于一些特殊的内部属性而破坏;
猴子补丁:
- 避免使用轻率的猴子补丁;
- 记录程序库中所执行的所有猴子补丁;
javascript优化--02高质量编码的更多相关文章
- javascript优化--01高质量编码
javascript的浮点数: Javascript的数字都是双精度浮点数: 64位编码数字: 能表达53位精度的整数: 进行位运算时会隐式地转化为32位整数(0,1序列)后计算: 浮点数运算可能会有 ...
- javascript优化--04高质量编码
库和API的设计: 在参数设计中保持好的习惯:如顺序,width,height;top,right,bottom,left;如命名: 将undefined看作没有值而不要表示非特定的值: 在允许0,空 ...
- javascript优化--03高质量编码
使用Object的直接量实例构造轻量级的字典: 使用for/in循环,使用对象字面量来构建,并确保不增加Object.prototype属性来导致for/in循环:(考虑到兼容性,如Array.pro ...
- (第一章)改善JavaScript,编写高质量代码。
根据<编写高质量代码改善JavaScript程序的188个建议>这本书,来记录我目前所了解的建议方式. 建议1:警惕Unicode乱码 根据ECMA标准规定JavaScript语言可以使用 ...
- (第二章)改善JavaScript,编写高质量代码。
建议34:字符串是非值操作 var a = "javascript"; var b = a; b = b.toUpperCase(); alert(a); //javascript ...
- 编写高质量JavaScript代码的68个有效方法
简介: <Effective JavaScript:编写高质量JavaScript代码的68个有效方法>共分为7章,分别涵盖JavaScript的不同主题.第1章主要讲述最基本的主题,如版 ...
- 深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点
深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点 2011-12-28 23:00 by 汤姆大叔, 139489 阅读, 119 评论, 收藏, 编辑 才华横溢的 ...
- 高质量JavaScript代码书写基本要点
翻译-高质量JavaScript代码书写基本要点 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/ ...
- [转] 翻译-高质量JavaScript代码书写基本要点 ---张鑫旭
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1173 原文作者:St ...
随机推荐
- TableInputFormat分片及分片数据读取源码级分析
我们在MapReduce中TextInputFormat分片和读取分片数据源码级分析 这篇中以TextInputFormat为例讲解了InputFormat的分片过程以及RecordReader读取分 ...
- CSS初学
CSS作用是美化html网页.内联:body 标签里.内嵌:head标签里,可以多次重复使用.p{}:引用时,class引用.#p{}:引用时,id引用超链接的stylea:link 超链接被点前的状 ...
- 解决港版A1530 ios8 联通4G 电话打不进无法接通的问题,联通4G开关开启方法
GF的iPhone5s港版A1530联通4G老是出现无法接通的问题, 根本原因是没有4G开关.港行iPhone却只有3G开关.也就是说,当启动3G时,却搜到4G信号,但是关闭时却只能关闭3G和2G.让 ...
- Thinkphp中eq,neq,gt,lt等表达式缩写
eq 等于 equalneq 不等于gt 大于 greater thanegt 大于等于lt 小于 less thanelt 小于等于like LIKEbetween BETWEENno ...
- DropDownList1
循环绑定数据到DropDownList1 foreach (SPList ls in web.Lists) { LIColl.Add(ls.Title);//将数据保存list中 } dwlist.D ...
- 【转】Solr5.3.1定时增量添加索引和重做索引
本文转自:https://code.google.com/p/solr-dataimport-scheduler/ Solr Data Import Hander Scheduler 说明:Solr官 ...
- Windows远程桌面连接如何直接使用剪贴板功能
连接到Windows Server服务器时,通常使用远程桌面连接,那么如果有些时候按照习惯复制本地文件到远程服务器发现无法粘贴怎么办,这个时候稍微设置一下就OK了, 首先重新运行远程桌面连接,在登陆界 ...
- iframe并排横着显示
由于工作需要,两个iframe需要并排横着显示: 效果如下:
- 【python】lamda表达式,map
一个很好的博客:http://blog.csdn.net/mathboylinlin/article/details/9413551 博客不让转载,我只摘抄了里面几个例子,更多内容到博客里去看 lam ...
- 【USACO】numtri
给一颗数字树,让找一条数字和最大的路径.一下子就想起刚学不久的回溯法了.照着写了个代码,调了调搞通了.在小数据的情况下是对的,但是在test 6 树有199层的时候溢出了. #include < ...