javascript学习笔记(七) js函数介绍_基础知识
程序员文章站
2022-05-24 10:03:13
...
1.函数内部属性 arguments
arguments用来保存函数的参数,arguments.callee指向拥有arguments对象的函数
//阶乘
function factorial(num) {
if (num return 1;
} else {
return num*arguments.callee(num-1); //用agreements.callee代替
}
}
var trueFactorial = factorial;
factorial = function {
return 0;
}
alert(trueFactorial(5)); //20
alert(factorial(5)); //0
2.函数的属性和方法
length属性,表示函数参数的个数
3. apply()和call()方法
apply()和call()方法的作用是传递参数或扩充函数的作用域
//传递参数
function sum(num1,num2) {
return num1+num2;
}
function callSum(num1,num2) {
return sum.call(this,num1,num2); //第一个参数this,后面列举所有参数
}
alert(callSum(10,10)); //20
function calSum1(num1,num2) {
return sum.apply(this,arguments); //第一个参数this,第二个参数arguments
}
function calSum2(num1,num2) {
return sum.apply(this,[num1,num2]); //第一个参数this,第二个参数是参数数组
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20
//改变函数作用域
window.color = "red";
var o = { color:"blue"};
function sayColor() {
alert(this.color);
}
sayColor(); //red
sayColor.call(this); //red
sayColor.call(window);//red
sayColor.call(o); //blue
arguments用来保存函数的参数,arguments.callee指向拥有arguments对象的函数
复制代码 代码如下:
//阶乘
function factorial(num) {
if (num return 1;
} else {
return num*arguments.callee(num-1); //用agreements.callee代替
}
}
var trueFactorial = factorial;
factorial = function {
return 0;
}
alert(trueFactorial(5)); //20
alert(factorial(5)); //0
2.函数的属性和方法
length属性,表示函数参数的个数
3. apply()和call()方法
apply()和call()方法的作用是传递参数或扩充函数的作用域
复制代码 代码如下:
//传递参数
function sum(num1,num2) {
return num1+num2;
}
function callSum(num1,num2) {
return sum.call(this,num1,num2); //第一个参数this,后面列举所有参数
}
alert(callSum(10,10)); //20
function calSum1(num1,num2) {
return sum.apply(this,arguments); //第一个参数this,第二个参数arguments
}
function calSum2(num1,num2) {
return sum.apply(this,[num1,num2]); //第一个参数this,第二个参数是参数数组
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20
复制代码 代码如下:
//改变函数作用域
window.color = "red";
var o = { color:"blue"};
function sayColor() {
alert(this.color);
}
sayColor(); //red
sayColor.call(this); //red
sayColor.call(window);//red
sayColor.call(o); //blue
推荐阅读
-
JavaScript学习笔记(七)—— 再说函数
-
javascript学习全过程-----js学习笔记(4)------函数(上)
-
javascript学习笔记(十) js对象 继承_基础知识
-
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)_基础知识
-
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)_基础知识
-
javascript学习笔记(九) js对象 设计模式_基础知识
-
JavaScript高级程序设计(第3版)学习笔记10 再访js对象_基础知识
-
javascript学习笔记(八) js内置对象_基础知识
-
javascript学习笔记(八) js内置对象_基础知识
-
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)_基础知识