函数表达式
⼀、定义函数的⽅式
1.函数声明：function abc(){}
2.函数表达式：var abc = function(){}
⼆、递归
1.通过⾃⾝的名字调⽤：但函数名赋值给其他函数时失效
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * factorial(num-1);
}
}
View Code
2.通过arguments.callee调⽤：在严格模式下不能访问arguments.callee
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * arguments.callee(num-1);
}
}
View Code
3.创建⼀个f()函数
var factorial = (function f(num) {
if (num <= 1){
return 1;
} else {
return num * f(num-1);
}
})
View Code
三、闭包
1.活动对象与变量对象
以function compare(value1, value2){}为例
全局变量对象为compare；活动对象为arguments、value1、value2；此时的活动对象也叫局部变量对象。
2.闭包的理解：
function a(value) {
return function(value1, value2) {
return 1;
}
}
var abc = a();
abc为a函数的中的匿名函数，存在于全局变量中，则a的活动对象不会被删除，abc=null则活动对象才会被删除。
3.闭包与变量
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(){
return i;
};
}
return result;
}
函数prototype
var a = createFunctions();
console.log(a[1]());
a = [function(){return i;}, function(){return i;},function(){return i;}...];
全局变量中引⽤createFunctions中的匿名函数，所以他的活动对象⼀直存在，且i=10。function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = (function(num){
return function() {
return num;
}
})(i);
}
return result;
}
var a = createFunctions();
console.log(a[1]());
a = [function(){return 0;}, function(){return 1;},function(){return 2;}...];
使⽤该⽅法使其强制输出
4.关于this对象
在全局函数中，this等于window
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
console.NameFunc()());//The Window ⾮严格模式下
View Code
此时的NameFunc()处于全局中，this指向window
在对象中指向该对象
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
console.NameFunc()());//My Object
View Code
此时的NameFunc()同样处于全局中，that为getNameFunc()的活动对象，可以引⽤，所以返回My Object。
this的指向发⽣改变
var name = "The Window";
var object = {
name : "My Object",
getName : function(){
return this.name;
}
};
console.Name());//My Object
console.log((Name)());//My Object
var abc = Name;
console.log(abc());//The Window
View Code
⽽var abc = Name；时，该函数处于全局中
5.内存泄漏
function assignHandler() {
var element = ElementById('div1');
console.log(element.id);
}
}
assignHandler();
View Code
闭包作⽤域链中保存着⼀个HTML元素，则该元素不能被销毁alert保存着对assignHandler活动对象element的引⽤，每次调⽤element的数量会增加。
解决⽅法：
function assignHandler() {
var element = ElementById('div1');
var id = element.id;
console.log(id);
}
element = null;
}
assignHandler();
View Code
四、模仿块级作⽤域
没有块级作⽤域
for(var i = 0; i < 3; i++) {
}
var i;
alert(i);//3
View Code
模拟块级作⽤域
(function() {
for(var i = 0; i < 3; i++) {
}
})();
var i;
alert(i);
View Code
⽤在全局作⽤域中，避免添加过多的变量和函数
五、私有变量
1.通过构造函数返回
function myObject() {
var privateVariable = 10;
function privateVateFunction() {
return privateVariable;
}
this.publicMethod = function() {
privateVariable++;
return privateVateFunction();
}
}
var a = new myObject();
console.log(a.publicMethod());//11
var b = new myObject();
console.log(b.publicMethod());//11
View Code
2.通过全局变量返回(闭包)
(function() {
var privateVariable = 10;
function privateVateFunction() {
return privateVariable;
}
myObject = function() {}
myObject.prototype.publicMethod = function() {
privateVariable++;
return privateVateFunction();
}
})();
var a = new myObject();
console.log(a.publicMethod());//11
var b = new myObject();
console.log(b.publicMethod());//12
View Code
3.通过return返回⽅法(闭包)
var aingleton = (function() {
var privateVariable = 10;
function privateVateFunction() {
return privateVariable;
}
return {
publicMethod : function() {
privateVariable++;
return privateVateFunction();
}
}
})();
console.log(aingleton.publicMethod());//11
console.log(aingleton.publicMethod());//12
View Code
4.通过return返回对象(闭包)
function CustomeType() {}
var aingleton = (function() {
var privateVariable = 10;
function privateVateFunction() {
return privateVariable;
}
var object = new CustomeType();
object.publicMethod = function() {
privateVariable++;
return privateVateFunction();
}
return object;
})();
console.log(aingleton.publicMethod());//11 console.log(aingleton.publicMethod());//12 View Code

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。