javascript封装继承 和 命名空间,this,属性表示法介绍

继承发展史

1. 传统形式—>原型链

   • 过多的继承了没用的元素
     

2. 借用构造函数

   • 不能继承借用构造函数的原型
   • 每次构造函数都要多走一个函数
     

3. 共享原型

   • 不能随便改动自己的原型
     

4. 圣杯模式
   有两种格式

   • 第一种

//圣杯模式
function inherit(Origin, Target) {
    function F() {};
    F.prototype = Origin.prototype;
    Target.prototype = new F();
    Target.prototype.constructor = Target;
    Target.prototype.uber = Origin.prototype;//Target的真正原型
}
//constructor 属性返回对创建此对象的数组函数的引用。

Person.prototype.lastName = 'liu';

function Person() {}
function son() {}
inherit(Person, Son);
Son.prototype.age = 123;
var son = new Son;

• 第二种

var inherit2 = (function(){  
  var F = function(){};  
  return function(Parent, Child){  
    F.prototype = Parent.prototype;  
    Child.prototype = new F();  
    Child.prototype.constructor = Child;  
    Child.prototype.uber = Parent.prototype;  
  }  
})();

---

命名空间

管理变量, 防止污染全局变量, 适用于模块化开发, 可以采用立即执行函数的形式
eg:

---

this

1. 函数预编译过程 this—->window
   
2. 全局作用域里this—->window
3. call/apply 可以改变函数运行时this的指向
4. obj.func( ); func( )里面的this指向obj
   

---

属性表示方法

1. obj.prop
2. obj[‘prop’]
   例: obj.name——–> obj[‘name’]
   例1
   
   例2字符串拼接