【Javascript学习笔记】【函数定义与调用+关键字arguments+多行return】

目录

  • 目录
  • 定义函数
    • function指出函数定义
    • 函数赋值给了变量的函数定义
  • 调用函数
    • 传参规则
  • 关键字arguments
    • 用途
        • 判断传入参数的个数
  • 注意Return
  • ES6拓展
  • 快捷链接

定义函数

function指出函数定义

function 函数名(参数) {
    ...
}

注意:一旦执行到return时,函数就执行完毕。没有return也会返回结果,且为:undefined

函数赋值给了变量的函数定义

将匿名函数赋值给了变量abs,与上一个方法等价。

var abs = function (x) {
    ...
};

注意:末尾必须加;

调用函数

传参规则

  1. 按顺序传
  2. 传多也没关系,多余的不使用而已
  3. 部分情况下,少传也没问题

关键字arguments

只在函数内部期作用。并类似数组的形式永远指向当前函数的调用者传入的所有参数

function abs() {
    if (arguments.length === 0) {
        return 0;
    }
    var x = arguments[0];
    return x >= 0 ? x : -x;
}

abs(); // 0
abs(10); // 10
abs(-9); // 9

用途

判断传入参数的个数

function foo(a, b, c) {
    if (arguments.length === 2) {
        // 实际拿到的参数是a和b,c为undefined
        c = b; // 把b赋给c
        b = null; // b变为默认值
    }
    // ...
}

注意Return

多行retun:

function foo() {
    return ; // 由于js的特性,此处将自动添加了一个;代表结束
        name: 'foo';
}
function foo() {
    return { // 这里不会自动加分号,因为{表示语句尚未结束
        name: 'foo'
    };
}

ES6拓展

完成基础js将补上ES笔记。待续。

快捷链接

全部React学习笔记的目录 Click Here>>
全部Javascript学习笔记的目录 Click Here>>
Less学习笔记 Click Here>>
安利一波前端开发推荐使用的工具 Click Here>>
ESLint问题记录 Click Here>>
github各类实战练习源码下载 Click Here>>
如果你觉得我的东西能帮到你,无限欢迎给我的github库点个收藏Star~0v 0~

你可能感兴趣的:(前端(js,html,css,less))