Javascript 学习书推荐

163 阅读 0 评论 108 点赞

我是靠谱客的博主优雅路灯，最近开发中收集的这篇文章主要介绍Javascript 学习书推荐，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Aaron Gustafson著，李松峰李雅雯等译。感觉绝对是一本值得看的书。感兴趣的朋友可以看一下。下面是我从其中抽出来的javascript常见陷阱和对象的概念整理出来的。希望对大家能有一些帮助。

Ø Javascript语法中常见的陷阱

² 区分大小写

² 单引号和双引号实际上是没有特殊的区别的，这点我是从看了这本书才开始真正的知道，虽然在以前写程序时写过‘'号的字符串形式，但是却没有先觉性的发现“哦，原来这样也可以。”

另外大多数情况下还都是用‘'来表示字符串的，因为XHTML规范要求所有XHTML属性值都用“”括起来。这样混合代码时会很清晰。

² 换行，千万不要忽略这一点。因为如果在一个字符串中你用了回车做换行那么对不起了，浏览器会告诉你我不认识你的字符串。因为它会自动将回车转换成”;“但是为了解决这个问题，还好它提供了一个转义字符作为替代。如下所示：

var='<h2 class=”a”>A list</h2>

<ol>

<li class=”a”></li>

</ol>'

有人会说可以用加号的，这些我知道。用加号作为字符串的操作符。估计是底层进行了+号的重载（？！）。

² 可选的分号和花括号

如果你不相信，我告诉你这是可以的。可以说这点javascript做的还是比较智能的。但是和前述那本书作者一样，我想我们做程序员还是规规矩矩些比较好。

² 重载

有时候或许你会突发奇想曲做一个javascript的重载函数，你会发现这时候竟然只有最后一个可以运行，前面的都没有得到录用机会。这是什么原因呢？

原来，先前的某某已经被后面的给替换掉了。也就是通常说的覆盖。再进一步说就是程序只引用作用域链中的最后一个同名函数。

² 匿名函数

不得不说这个家伙很有用。

² 作用域解析和闭包

这个作用域相信大家都比较熟悉，因为每个编程语言都有这样的概念。

而作用域链是用来描述一种路径的属于，沿着该路径可以确定变量的值（或者当函数被调用时要使用的方法）

闭包是与作用域相关的一个概念，它指的是内部函数即使在外部哈数执行完成并终止以后，仍然可以访问其外部函数的属性。当引用一个变量或方法时，javascript会沿着由对象执行路径构成的作用域链进行解析，查找变量最近定义的值。一旦找到，即使用该值。

² 迭代对象

不要怀疑这用的不好的话，很可能会产生错误。不信就看这一个例子：

var all=document.getElementsByTagName(‘*');

for(i in all){

//对all[i]元素进行操作。

}

由于返回的会分别等于length、item和namedItem，而这个很可能会导致代码中出现意外错误。

这时要做一下处理。用hasOwnProperty进行属性过滤，这个函数在对象的属性或方法是非继承的时返回true。方法如下：

var all=document.getElementsByTagName(‘*');

for(i in all){

if(!all.hasOwnProperty(i)){continue;}

//对all[i]元素进行操作。

}

² 函数的调用和引用。

注意了，这是不同的，调用会执行，引用只会给变量一个copy（好像可以这样理解吧？）

看下这个：

var foo=exampleFunction（）；

var foo=exampleFunction；

这两句式不一样的。前一个是执行exampleFunction这个函数并将返回值赋给变量foo，而后一个却是将exampleFunction这个函数的引用赋给foo。

Ø Javascript对象

属性和方法的概念相信大家都晓得。下面讲下javascript中的对象和其中的玄奥妙义(讲的跟武侠似的)。

1. 继承

Javascript的继承让我很奇怪，但是想过之后感觉还是有道理的。而且和其他的还是一样的思想。其实javascript就是做了一个复制的操作。闲话不说看一个例子相信大家都会清楚了。

//创建一个person对象的实例

var person={};

person.getName=function(){……};

person.getAge=function(){……};

//创建一个employee对象的实例

var employee={};

employee.getTitle=function(){……};

enployee.getSalary=function(){……};
//从person对象中继承方法

employee.getName=person.getName;

employ.getAge=person.getAge;

2. 创建自己的对象

有两种方式可以创建自己的对象：

第一种：var myObject =new Object();

第二种：var myObject={};//是第一种的简写形式。实际上面已经用到了。

3. 创建构造函数

第一种：function myConstructor(a){

//代码

}

不要惊讶，想象前面说的javascript中到处都是对象，虽然有些夸张。这个函数一时一个对象。

第二种：

或许聪明的读者已经猜出来了，就是函数定义的另外两种类型：

var myConstructor=function(a){};

第三种也一起写出来吧：var myConstructor=new Function(‘a',/*某些代码*/);

不过对于这种方式，因为会导致性能问题，所以还是用function比较妥当。

最后给个书中的例子：

function myConstructor(message){

alert(message);

this.myMessage=message;

}

var myObject =new myConstructor(‘Instantiating myObject!');

4. 添加静态方法

var myObject={};

//添加属性

myObject.name=”Jeff”;

//添加方法

myObject.alertName=function(){

alert(this.name);

}

//执行方法

myObject.alertName();

相信大家都能看明白，不说了。

5. 想原型中添加公有方法

添加公有方法的方式是用prototype，注意这里的prototype可不是那个js库。

//创建构造函数

function myConstructor(message){

alert(message);

this.myMessage=message;

}

//添加一个公有方法

myConstructor.prototype.clearMessage=function(string){

this.myMessage+=''+string;

}

这里面要提的一点是构造函数中凡是以var开头的变量全部是私有变量，不是以.号和prototype添加而是直接写入构造函数中的为私有函数。

6. 最后提一下对象字面量

对象字面量对于代码的重构，冗余度的减小都很有帮助。所以如果可能的话最好用这种

看下下面的例子：

var myObject={

propertyA:'value',

propertyB:'value'，

methodA:function(){}

}

不得不同意作者的观点，这种方式很优雅。

怎么样？是不是对Javascript中的对象和陷阱有了一些基本的认识？希望这篇文章对你有所帮助。