JavaScript高级程序设计学习笔记

时间:2022-12-26 11:05:08

关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码之间会读取函数声明,意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句

后面。

sayHi();
function sayHi(){
alert(
"Hi!");
}

理解函数提升的关键,就是理解函数声明与函数表达式之间的区别。

//不要这样做
if(condition){
function sayHi(){
alert(
"HI!");
}
}
else{
function sayHi(){
alert(
"Yo!");
}
}

表面上看,以上代码表示在condition为true时,使用一个sayHi()的定义;否则,就使用另一个定义。实际上,这在ECMSscript中属于无效语法,JavaScript引擎会尝试修正错误,
将其转换为合理状态。不过,如果是使用函数表达式,那就没什么问题了。

//可以这样做
var sayHi;
if(condition){
sayHi
=function(){
alert(
"Hi!");
}
}
else{
function sayHi(){
alert(
"Yo!");
}
}

这个例子不会有什么意外,不同的函数会根据condition被赋值给sayHi.

递归

我们知道,argument.callee是一个指向正在执行的函数的指针,因此可以用它来实现对函数的递归调用,例如:

function factorial(num){
if(num<=1){
return 1;
}
else{
return num*argument.callee(num-1);
}
}

闭包

闭包是指有权访问另一个函数作用域中的变更的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数。

function createComparisonFunction(propertyName){
return function(object1,object2){
var value1=object1[propertyName];
var value2=object2[propertyName];
if(value1<value2){
return -1;
}
else if(value1>value2){
return 1;
}
else{
return 0;
}
}
}

闭包与变更

作用域链的这种配置机制引出一个值得注意的副作用,即闭包只能取得包含函数中任何变更的最后一个值。如下面这个例子:

function createFunctions(){
var result=new Array();
for(var i=0;i<10;i++){
result[i]
=function(){
return i;
}
}
return result;
}

这个函数会返回一个函数数组。表面上看,似乎每个函数都应该返回自己的索引值,即位置0的函数返回0,位置1的函数返回1,以此类推。但实际上,每个函数都返回10。因为每个
函数作用域链中都保存着createFunctions()函数的活动对象(只是保存着对匿名函数function(){return i;}的引用),所以它们返回的都是最后一个i.w但是,我们可以通过创建
另一个匿名函数强制让闭包的行为符合预期,如下所示:

function createFunctions(){
var result=new Array();
for(var i=0;i<10;i++){
result[i]
= function(num){
return function(){
return num;
}
}(i)
}
return result;
}

关于this对象

我们知道,this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window,而当函数被作为某个对象的方法调用时,this等 于那个对象。不过,匿名函数的
执行环境具有全局性,因此,其this对象通过指向window

var name="The Window";
var object={
name:
"My Object",
getNameFunc:
function(){
return function(){
return this.name;
}
}
}
alert(object.getNameFunc()()); //"The Window" ("在非严格模式下")


前面提到过,每个函数在被调用时都会自动取得两个特殊变更:this和arguments。内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因此永远不可能直接访问外部函数中
的这两个。不过,把外部作用域中的this对象保存在一个闭包能够访问到的变量里,就可以让闭包访问该对象了。如下所示:

var name="The Window";
var object={
name:
"My Object",
getNameFunc:
function(){
var that=this;
return function(){
return this.name;
}
}
}


模仿块级作用域

如前所述,JavaScript没有块级作用域的概念。这意味磁卡在块语句中定义的变量,实际上是包含在函数中而非语句中创建的,来看下面的例子.

function outputNumbers(count){
for(var i=0;i<count;i++){
alert(i);
}
alert(i);
//计数
}


即使像下面这样错误的重新声明同一个变量,也不会改变它的值。

function outputNumbers(count){
for(var i=0;i<count;i++){
alert(i);
}
var i; //重新声明变更
alert(i); //计数
}


JavaScript从来不会告诉你是否多次声明了同一个变量;遇到这种情况,它只会对后续的声明视而不见。匿名函数可以用来模仿块级作用域并避免这个问题。
用作块级作用域的匿名函数的语法如下所示:

(function(){
//这里是块级作用域
})();

以上代码定义并立即调用了一个匿名函数。将函数声明包含在一对圆括号中,表示它实际上是一个函数表达式。而紧随其后的另一对圆括号会立即调用这个函数。
无论在什么地方,只要临时需要一些变量,就可以使用私有作用域,例如:

function outputNumbers(count){
(
function(){
for(var i=0;i<count;i++){
alert(i);
}
})();
alert(i);
//导致一个错误!
}