JavaScript-进阶篇(二)之函数

函数

什么是对象

任意值的集合

//demo
var cat = {
    'name':'tom',
    'age':4,
    'family':['father','mom'],
    'speak':function(){
        console.log('miao');
    },
    'friend':{
        'name':'jerry',
        'age':4
    }
};

使用对象

创建

var cat = new Object();
var cat = {};

访问属性

cat.name = 'tim';
cat['name'] = 'tim';
console.log('name' in cat);    //属性在这个对象是否存在
//使用for in 遍历对象
for(var p in cat){
    console.log(p);
}

什么是函数

一次封装,四处使用

//函数也是对象
function add(n1,n2){
    return n1 + n2;
}
add.sex = 'male';
add.setSex = function(sex){
    this.sex = sex;
}
console.log(add.sex);
console.log(add.setSex('female'));
console.log(add.sex);
console.log(add(1,2));

//作为数据值使用
var person = {};
var add = function(){
     return 1; 
}

//作为参数
setTimeout(fn,1000);
function fn(){
    console.log(1);
}

//作为返回值
function fn(){
    return function(){
        console.log(2);
    }
}
fn()();

函数的定义

//三种定义方式
//字面量
    // function声明
    function add(){
        //body..
    }
    add();
    //var赋值表达式
    var add = function (){
        //body..
    };
    add();
    //两者的区别是预解析的问题
//构造函数
    new Function('num1','num2','return num1+num2');
    add();

函数的调用

//普通函数调用
add()
//匿名函数调用
(function(){    //不让function开头
})();
(function(){
}());
!+-~function(){
}();
//递归调用
function factorial(num){
    if (num == 1) return 1;
    return num * factorial(num - 1);
}
console.log(factorial(20));     //2432902008176640000

//方法的调用
var method = {
    add:function(n1,n2){
        return n1+n2;
    },
    '@':function(){     //非法字符使用引号
        console.log('@');
    }
}
console.log(method.add(1,1));
console.log(method['@'])    //非法字符使用中括号调用
document.onclick = function(){
    console.log('你点击了文档');
}
document.onclick();    //模拟鼠标的点击

//链式调用
var method = {
    add:function(n1,n2){
        console.log(n1+n2);
        return this;
    },
    subtract:function(n1,n2){
        console.log(n1-n2);
        return this;
    }
}
method.add(1,2).subtract(2,1);

构造函数的调用

function Person(){
    //body...
}
var obj = new Person();

函数的间接调用

var name = 'xm';
var person = {};
person.name = 'xh';
person.getName = function(){
    return this.name;
};
console.log(person.getName());
console.log(person.getName.call(window));   //修改this的指向
console.log(person.getName.apply(window));  //修改this的指向

function add(n1,n2){
    return n1+n2;
}
console.log(add(1,2));
var datas = [1,2];
console.log(add.call(window,1,2));
console.log(add.apply(window,datas));   //传递的是数组

参数

参数分为实参和形参

参数的个数

//参数的个数
function add(num1,num2){
    return num1+num2;
}
// 1.实参 == 形参
add(1,2)
// 2.实参 < 形参
add(1)
num1 = 1;
num2 = undefined;
// 3.实参 > 形参
function add(){
    if (arguments.length == 0) return;
    var sum = 0;
    for(var i=0;i < arguments.length;i++){
        sum += arguments[i];
    }
    return sum;
}

arguments

类似数组的对象

arguments.callee

function add(num1,num2){
    console.log(arguments.callee);      //表示函数自身
    return num1+num2;
}
//在需要修改类名的时候提高效率
function factorial(num){
    if (num <= 1) return 1;
    return num * arguments.callee(num - 1);     //严格模式不允许使用
}
//另一种使用别名的方式
var factorial = function fn(num){
    if (num <= 1) return 1;
    return num * fn(num - 1);       
}
//只有形参和实参数量相同时返回值
function add(num1,num2){
    if(arguments.length != add.length) throw new Error('请传入' + add.length + '个参数');
    return num1+num2;
}
console.log(add(1,1));