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"

你可能感兴趣的:(javascript学习重点记录)