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字符串拼接