[JavaScript知识库]JavaScript-封装与继承

一、封装

1.1命名空间

 // 命名空间：把变量当做属性,本质上是字面量对象
  let zsf = {
			uname : '李四',
			age : 22,
			email : 'zsf@qq.com'
		}
  let lxh = {
			uname : '张三',
			age : 21,
			email : 'lxh@qq.com'
		}

		let zwj = zsf;
		zwj.uname = '王五'
console.log( zsf.uname, lxh.uname );
		
//缺点是 谁封装完只能谁使用，别人不能使用

1.2构造函数

 // 构造函数：把构造函数当做模板
    function Person(uname, age) {
      this.uname = uname;
      this.age = age;
      this.eat = function () {
        console.log("方法");
      };
    }
    let zsf = new Person("haha", 22);
    console.log(zsf);

1.3原型对象

 // 在原型上的成员（属性 和 方法） 都是共享给实例对象的，
    // _proto_,(原型)指向原型对象，每个对象都有的属性，非标准属性
    function Person(uname, age) {
      this.uname = uname;
      this.age = age;
      // this.eat = function () {
      //   console.log("方法");
      // };
    }
    Person.prototype.eat = function () {
      console.log("原型");
    };
    let obj = new Person("haha", 22);
    console.log(obj);

二、继承

原型继承

 function Person() {
      this.arms = 2;
      this.legs = 2;
      this.eyes = 2;

      // 人的行为
      this.walk = function () {};
      this.sing = function () {};
      this.sleep = function () {};
    }
    function Chinese() {
      // 中国人的特征
      skin = "yellow";
      language = "中文";
    }

    // 封装日本人的行为特征
    function Japanese() {
      // 日本人的特征
      skin = "yellow";
      language = "日语";
    }
    // 1.给原型对象继承
    // 2.指回去
    Chinese.prototype = new Person();
    Chinese.prototype.constructor = Chinese;

    Japanese.prototype = new Person();
    Japanese.prototype.constructor = Japanese;
    // console.log(p);
    let c1 = new Chinese();
    console.log(c1);
    let c2 = new Japanese();
    console.log(c2);

原型链