美文网首页
javascript 函数小实例

javascript 函数小实例

作者: 张晖 | 来源:发表于2020-11-21 14:05 被阅读0次

函数是封装了一段可重复执行的代码块,目的:是让大量代码重复使用。

比如:求数值10到50之间的累加和。

let sum = 0;
for (let i = 10; i <= 50; i++) {
    sum += i;
}
console.log(sum);

这段代码可以封装成函数,其中 getSum() 即为函数,可以重复调用:
函数是实现某个功能,或做某件事;
函数的使用: 1,先声明;2,再调用;
函数就像榨汁机,完成某个功能,放入苹果(参数),进行榨汁(处理),出苹果汁(返回结果);

function getSum(num1, num2) {
    let sum = 0;
    for (let i = num1; i <= num2; i++) {
        sum += i;
    }
    return sum;
}
let sum = getSum(1,3);   // 6
let sum = getSum(1, 100); // 5050
console.log(sum);

实例01: 求两数最大值

function getMax(num1, num2) {
    let max = (num1 > num2) ? num1 : num2;  // 三目运算
    return max;
}
console.log(getMax(3, 6));  // 6

实例02:求数组中数值的最大值

let arr = [5, 6, 9, 2, 1, 7, 3];

function getMax(arr) {
    let max = arr[0];
    for (let i = 1; i < arr.length; i++) {
        if (arr[i] > max) {
            max = arr[i];
        }
    }
    return max;
}
max = getMax(arr);  
console.log(max); //9

实例03:返回任意两数,加减乘除的值(返回数组,多个结果)

function getRe(n1, n2) {
    return [n1 + n2, n1 - n2, n1 * n2, n1 / n2];
}
let re = getRe(2, 4);
console.log(re); // [6, -2, 8, 0.5]
console.log(re[0]); // 6

实例04:判断输入的值是不是质数;

function isPrime(number) {
    if (number <= 1 || number % 1 != 0) {
        return false;
    }
    let n = 2;
    while (n < number) {
        if (number % n == 0) {
            return false;
        } else {
            n++;
            continue;
        }
    }
    return true;
}
let res = isPrime(156979);
console.log(res); // true

实例05:函数的arguments对象,伪数组,有length属性,可按索引取值,可遍历;

function fn() {
    console.log(arguments); // 输出arguments对象;
    console.log(arguments.length); // 有length属性;
    console.log(arguments[2]); // 可按索引取值;
    for (let i = 0; i < arguments.length; i++) {
        console.log(arguments[i]); // 可遍历输出
    }
}
fn(1, 2, 3, 4, 5);

// 求输入函数参数中的最大值
function getMax() {
    let max = arguments[0];
    for (let i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];
        }
    }
    return max;
}
console.log(getMax(1, 2, 5));
console.log(getMax(122, 221, 15));

实例06:函数翻转数组

function reverseArr(arr) {
    let newArr = [];
    for (let i = arr.length - 1; i >= 0; i--) {
        newArr[newArr.length] = arr[i];
    }
    return newArr;
}
arr = [1, 2, 3, 4, 5]
console.log(arr);  // [1, 2, 3, 4, 5]
console.log(reverseArr(arr));  // [5, 4, 3, 2, 1]

函数小结:

  • 01,函数可带参数,可不带;
  • 02,声明函数时,括号里带形参,形参默认值是undefined;
  • 03,调用函数时,括号里带实参;
  • 04,多个参数间用逗号分隔;
  • 05,形参个数和实参个数不匹配,结果不可预计;
  • 06,开发中,常用变量接收结果;
  • 07,return 后面的代码不会执行,即 return 能终止函数;
  • 08,return 只能返回一个值,如果有多个值,返回最后一个;
  • 09,要返回多个值,可以 return 一个数组,把值放在数组中;
  • 10,函数都有返回值,有return,则返回return后的值;没有return,返回undefined;
  • 11, arguments 是当前函数的内置对象,存储所有传递进来的实参,只有函数有这个对象;

相关文章

  • javascript 函数小实例

    函数是封装了一段可重复执行的代码块,目的:是让大量代码重复使用。 比如:求数值10到50之间的累加和。 这段代码可...

  • JS Class

    JavaScript 语言中,生成实例对象的传统方法是通过构造函数 JavaScript语言中,生成实例对象的传统...

  • JavaScript(四)JavaScript错误处理机制

    一、Error 实例对象 JavaScript 原生提供Error构造函数,所有抛出的错误都是这个构造函数的实例 ...

  • JavaScript函数的4种调用方法实例分析

    本文实例讲述了JavaScript函数的4种调用方法。分享给大家供大家参考,具体如下: JavaScript 函数...

  • 前端高频面试题之——原型链

    JavaScript中的构造函数 原型是什么 面向对象语言中,类派生实例,JavaScript的函数可以作为构造器...

  • javascript原型链图解

    javascript原型链图解函数对象及其 prototype 属性函数的所有实例中的__proto__属性都指向...

  • JS 实例

    JavaScript 实例JavaScript 对象 实例JavaScript Browser 对象 实例Java...

  • JavaScript的面对对象编程3

    构造函数的缺点 JavaScript 通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法...

  • 性能、类、继承、对象

    如何编写高性能的JavaScript? JavaScript如何实现一个类,怎么实例化这个类? 构造函数法(thi...

  • JavaScript 复习——原型链

    JavaScript 原型链中的主要知识概念:原型,构造函数,实例,proto,prototype,instanc...

网友评论

      本文标题:javascript 函数小实例

      本文链接:https://www.haomeiwen.com/subject/jomsiktx.html