javascript基础四

函数

什么是函数?

函数就是封装的某些常用功能的对象.

函数就是方法,可以被调用,函数也可以调用函数,甚至可以自己调用自己,实现递归循环

关键字声明了一个函数,不调用是不会执行的,函数如果不调用，等于白写。

将大量重复的语句写在函数里面，这样以后需要这些语句的时候，直接调用函数，简化编程，让编程变的模块化。

声明函数的方法:

具名函数:

直接声明的函数,可以先使用,后声明.

say();//调用say方法并弹出,Hi,你好!

//方法可以放在调用之后,该函数名会被提前加载,提高优先级
function say(){
            alert('Hi,你好!');
        }
        // xx.xx()==>调用对象方法的
        // xx.xx ==> 获取对象的属性

匿名函数:

没有名字的函数,必须先赋值,后调用,用于封装,闭包.

模拟块级作用域，减少全局变量。执行完匿名函数，存储在内存中相对应的变量会被销毁，从而节省内存。

//方法要放在调用之前,否则会出错
var say = function () {
            alert('Hi,你好!');
        }

say();

//匿名函数2:自执行函数
//为了严谨起见在前面加分号,防止被当做()赋值运算,导致出错
;(function (str){
    //此时会输出张培跃好帅！
    console.log("张培跃"+str);
})("好帅！")//没有最外层的括号会报错,可以在括号内直接传值

函数的参数和数据类型

javascript中的函数不能重载.

基本数据类型

• (在栈内存存储),作为参数时,作为值传递,传递的是对象的值.(不会修改数据源的值)

复杂数据类型

• (只能存放在堆内存)作为参数时,是对象的首地址,把对象的地址赋值给形参.(数据源的值会被改变,如数组)

形参和实参

• 实参比形参个数多 , 可以运算,但是只会计算形参的个数
• 实参比形参个数少. 计算错误!
• 目前所有的函数,形参个数必须跟实参个数一样多.

// 希望可以计算两个值的和,需要参数.参数是函数和外界进行沟通的桥梁
        // x,y是add函数的形参 占位用的
        // 功能: 封装了特定方法
        function add (x,y) {
             console.log(y);
             alert(x+y);
        }
        //函数名称一样,参数不同,叫方法(函数)重载,那么这两个方法都可以被使用.但是js不支持.
        // function add (x,y,z) {
        //  alert(x+y+z);
        // }

        //3,5是传递给add方法的实参 实际参数 会参与运算
        add(3,5,7);
        add(5,8,9);
        add(3);

函数的返回值

很多时候我们只需要函数帮我们计算结果,并不需要处理结果,那么我们就需要函数给我们返回值

函数里面可以没有return，如果有，只能有一个,不能有多个return.

函数里面，return后面不允许书写程序了，return 后面的代码都不再执行!

return返回多个值的方法

//1 使用数组的方式 不常用
function getData()
{
    var names=new Array("oec2003","oec2004");
    return names;
}
function getNames()
{
    var names=getData();
    alert(getData()[0]); //返回oec2003
}
//2 将数据封装到Json中返回 
function getData()
{
    var info={"name":"oec2003","age":"25"};
    return info;
}
function getInfo()
{
    var info=getData();
    var name=info["name"];
    var age=info["age"];
    alert("姓名："+name+" 年龄："+age);
}
//3 直接用[]返回
 function getData()
    {
        return ["oec2003", 25];
    }
    function getInfo()
    {
        var info = getData();
        alert("姓名：" + info[0] + "年龄：" + info[1]);
    }
*************************************************************************
                                分割线*************************************************************************
//返回值特点
function add (x,y) {
            var sum = x+y;
            return sum; //返回sum的值
            alert('么么哒!');//return 后面的代码都不再执行!
        }
        
        var rs = add(3,5);//接受add中sum的值
        alert('收到函数的结果为:'+rs);

//何时需要返回值
    var arr = [35,67,3,57,8,65,4,62,654];
    //方法一
    xzy(arr);//必须在前面
    document.write(arr);//不需要返回值,先用方法改变数组,后输出改变过的函数
    //方法二
    document.write(xzy(arr));//这种写法需要返回值,仅仅是执行函数但是并没有返回值
    //选择排序
    function xzy(arr) {
        for (var i = 1; i < arr.length; i++) {
            var min = i-1;
            for (var j = i; j < arr.length; j++) {
                if (arr[min] > arr[j]) {
                    min = j;
                }
            }
            if (min != 0) {
                var temp=arr[i-1];
                arr[i-1] = arr[min];
                arr[min] = temp;
            }
        }
        return arr;//如果没有返回值上面的操作会提示为空
    }

函数的作用域

函数内部可访问函数外部的变量,如果内部存在,则优先使用内部变量

函数外部无法访问函数内部的变量

函数内部声明变量,如果不用var直接声明,那么该变量会被当做全局变量!!!但是不推荐这样写,这是js语法不严谨导致的,实际上是错误代码!

// 1. 全局变量
var name = '张三';
var age = 20;
// 2.函数内部可访问函数外部的变量,如果内部存在,则优先使用内部变量
// 3. 函数外部无法访问函数内部的变量
// 4. 函数内部声明变量,如果不用var直接声明,那么该变量会被当做全局变量!!!但是不推荐这样写,这是js语法不严谨导致的,实际上是错误代码!!!
function say () {
    // 2.局部变量
    var name = '李四';
    var sex = '男';
    // 隐式的全局变量   实际上是错误的
    title = '告白气球';
    alert('my name is '+name);
}
function sing() {
    alert('Hi ,i am '+name);
}
say();
//调用不到
// alert(sex);
sing();
alert(title);//依然会弹出