JavaScript函数深入了解

课程介绍

1. 函数是什么玩意儿
2. 函数的定义和调用
3. 函数的参数和返回值

对象就是集合 任意值的集合

对象的简单了解

var cat = {
        // 基本数据类型
        'name':'Tom',
        'age':4,
        // 数组
        'family':['father','mom'],
        // 放置函数
        'speak':function(){
            console.log('喵喵~');
        },
        // 继续存储对象
        'friend':{
            'name':'Jerry',
            'age':4
        }
    };

如何使用对象

// 可以通过new实例化构造函数
    var cat = new Object();
    var cat = {};//这两个都表示空对象
    //es5  Object.create()  存在兼容性

var cat = {
        // 基本数据类型
        'name':'Tom',
        'age':4,
        // 数组
        'family':['father','mom'],
        // 放置函数
        'speak':function(){
            console.log('喵喵~');
        },
        // 继续存储对象
        'friend':{
            'name':'Jerry',
            'age':4
        }
    };
    // console.log(cat);
    cat.name='Tim';
    cat['name']='Tim';//修改  写操作
    cat.type='加菲猫';
    console.log(cat.name);//查询  读操作
    console.log(cat['name']);//查询  读操作
    console.log(cat.type);
    delete cat.type;
    console.log(cat.type);
    //如何检测一个对象是否拥有该属性
    console.log('type' in cat);
    //循环遍历对象  循环输出每一个属性名
    for(var p in cat){
        console.log(p);
        console.log(cat[p]);
        //console.log(cat.p);不能使用点  因为点表示  .属性
    }

什么是函数

// 函数是否也可以？  --   了解一下
    function add(num1,num2){
        return num1+num2;
    }
    add.sex='male';
    add.setSex=function(sex){
        this.sex = sex;
    }
    console.log(add.sex);//male
    console.log(add.setSex('female'));
    console.log(add.sex);//female
    console.log(add(1,4));

函数的定义：三种

//字面量  function声明
    function add(){
    }
    add();
    //var赋值表达式
    var add = function(){
    };
    add();
    //构造函数  必须是字符串形式  效率比较差，首先解析字符串变量 其次再实例化函数
    var add = new Function('num1','num2','return num1+num2');
    add();

// 只要function不打头,就可以调用
    (function(){
        console.log(1);
    })();
    +-~!function(){
        console.log(2);
    }();
    console.log(function(){
        return 3;
    }());

递归调用 — 阶乘

function factorial(num){
        if (num<=1) {return 1}
        return num*factorial(num-1);
        //return 5*4!
    }
    console.log(factorial(5));
    console.log(factorial(4));

var operation = {
        add:function(num1,num2){
            return num1+num2;
        },
        substract:function(num1,num2){
            return num1-num2;
        },
        '@':function(){
            console.log('@');
        },
        key:function(){
        }
    };
    var key = 'add';//把add函数赋值给了key  调用变量  点是不行的，必须使用[]
    // console.log(operation.key(1,2));
    console.log(operation[key](1,2));

参数的使用

function add(num1,num2){
        return num1+num2;
    }
    add(1,2);
    // 形参 = 实参
    // num1 = 1
    // num2 = 2
    var person={};
    function setPerson(obj){
        obj.name = 'xm';
    }
    setPerson(person);
    console.log(person);
    //就是将person对象的地址，赋予给obj  他们俩指向同一个引用
    // obj = person;