奇妙的JavaScript函数

四、参数

在JavaScript中调用一个函数,允许传入的实参与形参不符。具体说就是:不检查参数的个数和类型,所以JavaScript中函数的使用非常的灵活。

1.不检查实参列表

function sum(a,b) {

return a+b;

}

var result = sum(2,3);

console.log(“result=”+result);//5

result = sum(2,3,4);

console.log(“result=”+result);//5

result = sum(2);

console.log(“result=”+result);//NaN表示这个结果不是一个数字,但不报错

result = sum(“a”,”b”);

console.log(“result=”+result);//ab

 

 

2.可变参数

由于JavaScript不检查实参列表,所以JavaScript中的函数天生就支持可变参数,我们可以利用这一点实现非常高效的代码编写。

 

①形参个数

函数名.length可以返回函数声明时指定了几个形参

function sum(a,b,c) {

return a+b+c;

}

var argumentArr = [];

for(var i = 0; i < sum.length; i++) {

argumentArr[i] = i+5;

}

var result = sum(argumentArr[0], argumentArr[1], argumentArr[2]);

console.log(“result=”+result);

 

执行结果:

result=18

 

②实参数组

在JavaScript函数内部有一个arguments对象可以直接使用,严格来说这个对象并不是数组,但可以当做数组来用,所以通常称为伪数组。这个数组中包含了调用函数时传入的全部实参。

function superSum() {

var count = 0;

for(var i = 0; i < arguments.length; i++) {

var number = arguments[i];

count = count + number;

}

return count;

}

 

result = superSum(1,2);

console.log(“superSum(1,2)=”+result);

 

result = superSum(1,2,3);

console.log(“superSum(1,2,3)=”+result);

 

五、call()和apply()

在Java中,一个函数是不可能被任何一个对象调用的,但在JavaScript中就可以。借助函数对象自身的call()和apply()函数,函数可以被任意对象调用。

1.call()

call()函数的用法是:函数对象.call(目标对象,参数列表)

var wuDa = {

name : “武大”,

showName : function(doWhat) {

//函数中的this引用的是调用这个函数的对象

console.log(this.name + “和潘金莲”+doWhat);

}

};

wuDa.showName(“卖炊饼”);

 

var xiMen = {

name : “西门”

};

//在JavaScript中,函数可以被其他对象调用

//函数引用.call(调用函数的对象,函数执行时需要的参数);

wuDa.showName.call(xiMen, “去马尔代夫看星星”);

 

2.apply()

和call()的区别仅仅是要求传入参数要求是数组类型

var wuDa = {

name : “武大”,

showName : function (wife){

console.log(this.name + “和” + wife);

}

};

var xiMen = {

name : “西门”

};

//函数对象的apply()方法,与call()函数的区别是传入的参数要求是数组类型

wuDa.showName.apply(xiMen, [“小潘潘~~~”]);

 

3.实际意义

call()和apply()在JavaScript中非常广泛的用途。

 

①遍历数组

/*

自定义的遍历数组的函数

arr参数:要遍历的数组

callBack:让每一个数组元素都调用的回调函数

*/

function myEach(arr,callBack) {

for(var i = 0; i < arr.length; i++) {

//遍历得到数组元素

var ele = arr[i];

//让数组元素调用回调函数

callBack.call(ele);

}

}

 

②参与实现继承

JavaScript中并没有类的概念,所以面向对象程序设计中的很多概念都只能模拟而没有直接的支持,“继承”就是如此。

function Person(name,age) {

this.name = name;

this.age = age;

}

//如何借助已有的Person函数简化Student函数中的重复代码?

function Student(name,age,subject) {

//this.name = name;

//this.age = age;

//借助call()函数,让Student对象调用Person()函数,这样Person()函数内部的this引用的就是Student对象

Person.call(this,name,age);

this.subject = subject;

}

//合并“子类”和“父类”的原型对象,让Student的对象是Person的实例

Student.prototype = Person.prototype;

 

 


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)