《JavaScript高级程序设计》读书笔记（三）基本概念第六小节理解函数

内容
---语法
---数据类型
---流程控制语句上一小节
---理解函数本小节

函数
--使用function关键字声明，后跟一组参数以及函数体

function functionName(arg0, arg1,..., argN) {
    statements;
}

例如

function sayHi(name, message) {
    console.log("Hello " + name + ", " + message);
}

--通过函数名来调用，后面加上圆括号和参数

sayHi("luking", "how are you today?");
//Hello luking, how are you today?

--不必指定返回值，

--使用return语句后跟返回值，来实现返回值

function sum(num1, num2) {
    return num1 + num2;
}
sum(1,2); //3

--执行完return语句后函数停止并立即退出

--可以使用条件语句来添加多个return 情况

function diff(num1, num2) {
    if(num1 < num2) {
        return num2 - num1;
    } else {
        return num1 - num2;
    }
}

--return语句也可以不带返回值

--此时返回undefined
--用于需要提前停止函数执行而又不需要返回值的情况

function do(num) {
    if(num > 5) {
        return;
    }
    console.log("this is " + num);
}
do(3); //控制台输出：this is 3
do(6); //

--推荐做法

--要么让函数始终有返回值
--要么始终没有
--方便调试代码

理解参数
--ECMAScript函数的参数不同于大多数强语言
--不介意参数的类型
--也不介意是否多传，少传参数
--因为ECMAScript的参数在内部是用一个数组来表示的
--函数接受的始终是这个数组

--函数体内可以通过arguments对象来访问这个参数数组
--从而获得传递给函数的每一个参数
--arguments对象和数组类似
--可以用arguments[index] 来访问参数
--通过访问arguments.length属性返回传递的参数的个数

function doAdd(num1, num2) {
    if(arguments.length == 1) {
        return num1 + 10;
    } else if(arguments.length == 2) {
        return num1 + num2;
    } else {
        return 0;
    }
}
doAdd(10);         //20
doAdd(10, 20);     //30
doAdd();         //0

--arguments访问的参数值和命名参数保持一致

--修改arguments的值，会自动反应到对应的命名参数中，
--但是修改命名参数的值，不会改变arguments的值

function doAdd(num1, num2) {
    arguments[1] = 10;
    return num1 + num2;
}
doAdd(10,20); //20

--如果只传一个参数，此时修改arguments[1],

--不会反应到命名参数中，无法改变num2的值
--因为arguments对象的长度由传入的参数个数决定
--不是由定义函数时的命名参数的个数决定
--没有传递值的命名参数将自动被赋予undefined

--严格模式下修改arguments的值，无法反应到命名参数中

--ECMAScript中的所有参数传递都是值传递，不可能通过引用传递参数
--包括引用类型，也只是传递了所引用的值，而不是参数本身的引用
--通过传递的引用的值可以修改引用类型的值
--但是无法修改参数本身的引用

function f(x) {
    x[0] = 1;
    x = new Array();
    x[0] = 2;
    x[1] = 3;
}
var a = [0, 1, 2];
f(a);
a; //1,1,2

没有重载
--重载；方法名一样，参数类型和个数不同（两个定义的签名）
--ECMAScript函数没有签名
--而是由包含零个或者多个值的数组来表示的
--真正的重载是不可能做到的
--定义相同名字的方法前者会被后者覆盖掉
--通过检查传入函数中参数的类型和数量做出不同的反应，可以模仿重载

《JavaScript高级程序设计》读书笔记（三）基本概念第六小节理解函数

猜你喜欢