javascript高级程序设计读书笔记----函数表达式

定义函数两种方式：

1.函数声明

function sayHi(){

alert("Hi");

}

sayHi();//调用函数

2.函数表达式

var sayHi = function(){

alert("Hi");

}

sayHi();//调用函数

函数声明提升(function declaration hoisting)：在执行代码之前会先读取函数声明。

sayHi();

function sayHi(){//函数声明可以放到调用它的语句后面

alert("Hi");

}

sayHi();//函数表达式则不行，会报错，找不到这个函数

var sayHi = function(){

alert("Hi");

}

 

递归

 

function factorial2(num){

if (num <= 1) {

return 1;

} else {

return num * factorial2(num - 1);//为了消除紧耦合，使用arguments.callee

}

}

var f2 = factorial2;

factorial2 = null;

// console.log("factorial2(5): "+factorial2(5));

console.log("f2: "+f2(5));//使用arguments.callee就不会报错

factorial2()函数保存在变量f2中，然后将factorial2变量设置为null，结果指向原始函数的引用只剩下一个。接下来调用f()时，由于必须执行factorial2()，而factorial2已经不再是函数，所以会报错。可以使用arguments.callee解决这个问题。

function factorial2(num){

if (num <= 1) {

return 1;

} else {

return num * arguments.callee(num - 1);//为了消除紧耦合，使用arguments.callee

}

}

var f2 = factorial2;

factorial2 = null;

// console.log("factorial2(5): "+factorial2(5));

console.log("f2: "+f2(5));//使用arguments.callee就不会报错

 

闭包

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

 

 

闭包与变量

由于作用域链的机制,闭包只能取得包含函数中任何变量的最后一个值。

闭包保存的是整个变量对象，而不是某个特殊的对象。

//闭包与变量

function createFunctions() {

var result = new Array();

for (var i = 0; i < 10; i++) {

result[i] = function () {

return i;

}

}

return result;

}

 

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等于那个对象。

var name = "Hello World";

var object = {

name: "HaHa",

getNameFunc: function(){

return function(){//返回匿名函数

return this.name;

}

}

}

console.log(object.getNameFunc()());//"Hello World" 非严格模式下 输出的是全局对象

 

var name2 = "Hello World";

var object2 = {

name2: "HaHa",

getNameFunc: function(){

var that = this;

return function(){//返回匿名函数

return that.name2;

}

}

}

console.log(object2.getNameFunc()());//"HaHa" 输出的是this对象

 

var name3 = "Hello World";

var object3 = {

name3: "Haha",

getName: function(){

return this.name3;

}

}

console.log("object3.getName(): "+object3.getName());//HaHa

console.log((object3.getName)());//HaHa

console.log((object3.getName = object3.getName)());//Hello World