面向对象 - 初识对象及原型

面向对象基础 、原型

面向对象它是一个 编程思路，不会改变我们预期的效果
优点：
使用面向对象，会让代码的复用性大大的提高，便于迭代
对比：

• 面向过程：小花去食堂点餐吃饭。
• 面向对象：小花-去-吃 、 食堂-点餐
  小花.去 食堂.点餐 小花.吃

创建对象

• 字面量

	let nan = "性别";
    let obj = {
        name:"小明",
        nan:"男",
        age:"17", 
        hobby:function(){
            console.log("喜欢做题");
        }
    };

• 通过构造函数

	let obj2 = new Object();

• 工厂模式

    function Person(name,age,sex,fn){
       // 1. (形参) --> 运输材料

       //2. 创建对象并赋值 --> 加工材料
        let obj = {};
        obj.name = name;
        obj.age = age;
        obj.sex = sex;
        obj.hobby = fn;
        return obj;  // 3. 出厂
    }
    
    let da = Person("小光","18","男");

• 构造函数
  new运算符：
  也叫做new构造器, 配合使用的函数，被称为构造函数
  函数名的首字母 需要大写， 以此来和普通函数进行区别

	//构造函数： 函数名的首字母 需要大写， 以此来和普通函数进行区别
   function Person(name,age,sex,fn){
       
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.hobby = fn;
    }
        
    //  new运算符：  也叫做new构造器, 配合使用的函数，被称为构造函数
    let obj = new Person();
    

new运算符

作用：
1.执行该函数
2.隐式创建一个对象
3.把该对象和函数的 this指向 互相绑定
4.可以把this中的属性和方法都加到 该对象上
5.函数执行后，返回该对象

	function txt(name){
		this.name = name;
		// this.age = age;
		// this.sex = sex;
		this.hobby = function(){
			console.log("我是一个兵");
		}
	}
	let obj = new txt("阿");
    console.log(obj.name);
    

对象使用

• 通过点语法

    console.log(obj.name);

• 通过中括号

    console.log(obj["nan"]);

上述两者的区别：
如果通过点语法无法获取到对象中“正确”的属性/方法名，可以使用中括号的方式来获取

原型

每次通过构造函数去实例化对象，都会生成一个新的内存空间
当项目开发中，往往大量的内存使用，会严重影响性能
解决办法
将公有的方法，放到原型中，每次实例化对象，原型中的内容是公有的
不会再分配新的空间给对象 (构造函数中的属性/方法 会)

    function Person(name,sex){   
        this.name = name;
        // this.age = age;
        this.sex = sex;
        this.hobby = function(){
            console.log("喜欢游泳~");
        };
    }
    // 原型
    Person.prototype.s = function(){
        console.log(this.sex);
    }
	Person.prototype.e = eat;
    function eat(){
        console.log(`我${this.name}饿了`);    
    }
    
    let san = new Person("张三","男");

原型中的方法，地址相同，是一个公有的内存

    console.log(san.e === lisi.e);

构造函数中的方法，地址不相同，是两个独立的内存

    console.log(san.hobby === lisi.hobby);