三言两语让你轻松自定义js对象和函数

知识背景：
首先明白是么是js 闭包
1：形如：
var func=function(形参){
    //do some thing
}(实参);//这里的小括号可以传递实际参数，代表立即调用该函数
称为闭包，闭包的好处就是有作用域，不同闭包的相同变量不会相互影响

2：我们定义一个方法，我们要让这个方法返回多个value怎么办呢？
我们可以这么做：
这多个值封装成数组或者对象
定义：数组用[] 表示，对象用{}表示，
数组可以包含多个对象，叫对象数组，而对象也可以包含数组

var dataArray=function getData(){
    var datas=new Array("data1","data2");
    return datas;
}();

//在这个立即执行的函数中，返回了一个数组
console.log(dataArray);//["data1","data2"]
typeof dataArray;//"object"

3 既然是object 类型，我们能不能返回对象呢，答案显然是可以的

var person=function getPerson(){
    //定义一个json格式的person对象
    var p={"name":"linjianhui","hobby":" play pingpong"};
    //定义一个js格式的person对象
    // var p={name:"linjianhui",hobby:" play pingpong"};
    //json对象 与js对象的区别在于 json的键有双引号而js对象 没有
    //严格来说 json 对象 是 js对象的特殊形式
    return p;
}();

4 如果把p变量给去掉，就变成这样
var person=function getPerson(){
    return {
        "name":"linjianhui",
        "hobby":" play pingpong"
    };
}();

5：如果该对象里有行为方法，就变成这样
var person=function getPerson(){
    return {
        "name":"linjianhui",
        "hobby":" play pingpong",
        "sayHello":function(){
            alert("hi");
        }
    };
}();
//调用 ，可以提供一个初始化的方法（initial method）来 初始化该对象
person.sayHello();

6 如果行为方法有参数，就变成这样
var person=function getPerson(){
    return {
        "name":"linjianhui",
        "hobby":" play pingpong",
        "sayHello":function(saySomething){
            alert(saySomething);
        }
    };
}();

person.sayHello("Helloween");

7 行为方法之间可以相互调用
var person=function getPerson(){
    return {
        "name":"linjianhui",
        "hobby":" play pingpong",
        "initial":function(){
            var saySomething="haha";
           this.sayHello(saySomething);
        },
        "sayHello":function(saySomething){
            alert(saySomething);
        }
    };
}();
//调用
person.initial();

三言两语让你轻松自定义js对象和函数

猜你喜欢