javascript学习重点记录

URI 编码与解码

encodeURI() 与 decodeURI()

在对整个请求的url编码时，一般只转义非url部分，如下所示：

> var url = 'http://www.packtpub.com/scr ipt.php?q=this and that'; 
> encodeURI(url); 
"http://www.packtpub.com/scr%20ipt.php?q=this%20and%20that"

encodeURIComponent() 与 decodeURIComponent()

它是对整个字符串进入转义，如下所示：

> var url = 'http://www.packtpub.com/scr ipt.php?q=this and that'; 
> encodeURIComponent(url); 
"http%3A%2F%2Fwww.packtpub.com%2Fscr%20ipt.php%3Fq%3Dthis%20and%20that"

eval()

eval()会将其输入的字符串当做 JavaScript 代码来执行。

> eval('var ii = 2;'); 
> ii; 
2

变量作用域

函数域始终优先于全局域，所以局部变量 a 会覆盖掉所有与它同名
的全局变量，如下所示：

var a = 123; 
function f() { 
 alert(a); 
 var a = 1; 
 alert(a); 
} 
f();

您可能会想当然地认为 alert()第一次显示的是 123（也就是全局变量 a 的值），而
第二次显示的是 1（即局部变量 a）。但事实并非如此，第一个 alert()实际上显示的是
undefined，这是因为函数域始终优先于全局域，所以局部变量 a 会覆盖掉所有与它同名
的全局变量，尽管在 alert()第一次被调用时，a 还没有被正式定义（即该值为
undefined），但该变量本身已经存在于本地空间了。这种特殊的现象叫做提升（hoisting）。

也就是说，当 JavaScript 执行过程进入新的函数时，这个函数内被声明的所有变量都
会被移动（或者说提升）到函数最开始的地方。这个概念很重要，必须牢记。另外需要注
意的是，被提升的只有变量的声明，这意味着，只有函数体内声明的这些变量在该函数执
行开始时就存在，而与之相关的赋值操作并不会被提升，它还在其原来的位置上。

即时函数

这种函数会立即执行，如下所示：

( 
 function(name){ 
 alert('Hello ' + name + '!'); 
 } 
)('dude');

使用即时（自调）匿名函数的好处是不会产生任何全局变量。当然，缺点在于这样的
函数是无法重复执行的（除非您将它放在某个循环或其他函数中）。这也使得即时函数非常
适合于执行一些一次性的或初始化的任务。
如果需要的话，即时函数也可以有返回值，虽然并不常见：

var result = function () { 
// something complex with 
// temporary local variables… 
// return something; 
}();

动态调用对象方法

使用中括号来调用方法在实践中并不常见，除非属性名是在运行时定义的：

var method = 'say'; 
hero[method]();

删除属性时使用delete关键字

> delete hero.name; 
true

通过构造器创建和初始化对象

function Hero(name) { 
 this.name = name; 
 this.occupation = 'Ninja'; 
 this.whoAreYou = function() { 
 return "I'm " + 
this.name + 
" and I'm a " + 
this.occupation; 
 }; 
}

现在，我们就能利用同一个构造器来创建不同的对象了：

> var h1 = new Hero('Michelangelo'); 
> var h2 = new Hero('Donatello'); 
> h1.whoAreYou(); 
"I'm Michelangelo and I'm a Ninja"
> h2.whoAreYou(); 
"I'm Donatello and I'm a Ninja"