javascript从入门到精通第18讲
导读：JavaScript是一种十分常用的编程语言，它在网页设计中占有非常重要的地位。从入门到精通第18讲主要涉及JavaScript的函数，本篇文章将详细介绍这一章节内容。在JS的函数中，参数可以不传递，此时该参数执行为undefined。 如...
JavaScript是一种十分常用的编程语言，它在网页设计中占有非常重要的地位。从入门到精通第18讲主要涉及JavaScript的函数，本篇文章将详细介绍这一章节内容。在JS的函数中，参数可以不传递，此时该参数执行为undefined。 如果带有一个未传递的参数，且在后面有一个已传递的参数，则参数列表中未传递参数之后的所有参数的值都将为undefined。
function calc(a, b, c) {
console.log(a);
console.log(b);
console.log(c);
}
calc(1);
结果为：1 undefined undefined可以看到传递的a有值，其余b和c则为undefined。
在JS中函数也可以通过this关键字来调用。
var person = {
firstName: "John",lastName : "Doe",fullName : function() {
return this.firstName + " " + this.lastName;
}
}
person.fullName();
//输出 "John Doe"可以看到在person对象中定义了一个fullName函数，通过this关键字来获取当前对象的属性，最后返回fullName。
JS中也存在默认参数。在传递参数时，如果参数未传递则会使用默认值。
function calc(a, b = 3) {
console.log(a + b);
}
calc(4, 5);
//输出 9 calc(4);
//输出 7在上述例子中，b参数使用了默认值3，当不传递第二个参数时就会使用默认值。
Js中的rest参数可以将参数转化为数组，这在不知道传递参数数量时非常有用。
function calc(...theArgs) {
console.log(theArgs.length);
}
calc();
//输出 0calc(1, 2, 3);
//输出 3calc("foo", "bar", true);
//输出 3在上述例子中，theArgs即为rest参数，可以看到传递的参数可以转化为数组，长度为传递的参数个数。
JS中对于箭头函数的支持也非常好。箭头函数可以使用“fn = () => ”进行定义，通过“const fn”的方式定义后，fn即为可调用的函数。
const x = (val) =>
val*2;
console.log(x(5));
//输出 10可以看到上述例子定义了一个x函数，输出对参数*2的结果。
JS的函数也可以使用apply和call方法来调用。apply可以接收一个参数数组，而call方法可以接收一系列的参数。
function calc(a, b) {
console.log(a+b);
}
calc.apply(null, [1, 2]);
//输出 3calc.call(null, 1, 2);
//输出 3可以看到上述例子中通过apply和call方法来调用了calc函数，分别使用数组和多个参数的方式传递参数。
总的来说，JS中的函数在使用上非常灵活，可以根据不同场景来使用不同的参数，从而达到想要的效果。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： javascript从入门到精通第18讲
本文地址： https://pptw.com/jishu/558319.html