JS面向对象的编程

//单例模式是敞开型的
var login = {
     username: 'lucy',
     password: '123456',
     email: function(){
            console.log('email')},
     fn:function(){console.log(1)}，
     fn1:function(){
              this.fn();//调用同一模块方法
              console.log(2)}
};
login.fn1(); //调用fn1方法
var register = {
    username: 'lucy',
    password: '123456',
    fn2:function(){
             this.username;
             this.password;},
    fn1:function(){
             login.email()//不同模块调用
              }
}

var login = (function(){
     var username = 'Lily';
     var password = '123456';
     function email(){
           console.log('email');
         }
     function check(){
           console.log('check');  
         }
     return {
            email: email(),
         }
})()//小括号必须写 是把自执行函数返回的结果给了login 而不是把函数给了login
var register = {
    fn: function(){
        login.email; //调用login里的email方法
        console.log('email');    
    }
}
register.fn();

function shirt(){
        //1：创建对象
        var obj ={};
        //2:给对象添加属性（把需要实现的功能放在对象里）
        obj.size = 'xl',
        obj.material = '棉',
        obj.fn = function{
             console.log('fn');    
        }
        //3:返回对象
        return obj;
}
for(var i = 0; i < 1000; i++){
    console.log(shirt());//运行1000次
}

var num = 10;//可以操作的具体的事物  实例 属于Number类
   var str = 'abc';//String类的实例

   var num = new Number(10); //Number{10}  对象10
   num = num.valueOf(); //10 基本数据类型

   var ary = new Array(10);//参数是数值 表示数组长度
   var ary = new Array('abc');//表示数组中有一项是abc
   var ary = new Array(10, 20);//超过两项 表示数组有两项10，20

function Person(){  //为了和普通函数区别:首字母要大写
        //1.创建对象（系统自己创建）
        //2.给对象添加属性（对象用this来表示）
        this.name = 'Lily';  //this称为实例
        this.age = 20;
        this.writeCss = function () {
            console.log('writeCss');
        }
        //3.返回对象（系统自己返回）
    }
    //Person();//这样运行--->Person就是普通函数，this指的是window
    var p1 = new Person();   //通过new运算符运行的函数称为构造函数 称为Person构造函数（Person类）  p1指的是返回的对象 也就是Person类的实例
    var p2 = new Person();
    console.log(p1, p2);

function Person(name, age){
    var name = 'Lily';  //私有变量name
    this.name = name;
    this.age = age;
    this.fn = function(){
      console.log('fn');    
    }
}
var p1 = new Person('Lucy', 22);
console.log(p1.name); //跟私有变量无关
```
```
function Person(name, age){
    this.name = name;
    this.age = age;
    this.fn = function(){
        console.log('fn');
    }
}
var p1 = new Person('Lucy', 22);
var p2 = new Person('Lily',10);
console.log(p1.fn == p2.fn);//false
```
```
function Person(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype.fn = function (){
        console.log('fn');
};//每个实例都共有的 放在原型上
var p1 = new Person('Lucy', 22);
var p2 = new Person('Lily',10);
console.log(p1.fn == p2.fn);//true

function Person(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype.fn = function (){
    console.log('fn');
};//每个实例都共有的 放在原型上
var p1 = new Person('Lucy', 22);
var p2 = new Person('Lily',10);
console.log(p1.fn === p2.fn);//true
console.log(Person.prototype.__proto__ === Object.prototype);//true
console.log(p1.__proto__ === Person.prototype);//true
console.log(p1.__proto__.__proto__ === Object.prototype);//true