文章目錄

• • 前端---JavaScript基礎3
  • • call&apply
    • 原型鏈
    • 原型鏈操作
    • • 例子：按鈕組件封裝：（類似于Bootstrsp里的按鈕組件封裝）

前端—JavaScript基礎3

call&apply

//call apply function Cat(name,color){this.name = name;this.color = color; } var cat = new Cat(); var o = {}; //Cat.call(o,"大白","white"); Cat.apply(o,["大白","white"]); console.log(o.name);

原型鏈

function People(){this.name = "小王";this.sayName = function(){console.log(this.name);}; } People.prototype.walk = "walk"; var p1 = new People(); var p2 = new People(); p1.name = "p1"; p2.name = "p2";

原型鏈操作

//修改原型 function Animal(){this.type= "動物"; } function Cat(name,color){this.name = name;this.color = color; } Cat.prototype = new Animal(); var a = new Cat("小黑","black"); console.log(a._proto_); //new Animal() a._proto_.type = "大動物"; console.log(Cat.prototype); //另一種情況 function Animal(){this.type= "動物"; } Animal.prototype.type2 = "動物2"; function Cat(name,color){this.name = name;this.color = color; } Cat.prototype = new Animal(); var a = new Cat("小黑","black"); console.log(a._proto_._proto_); // a._proto_._proto_type = "大動物2"; console.log(Cat.prototype._proto_); //復雜原型鏈 function F1(){this.name1 = "f1"; } F1.prototype.name = "first"; function F2(){this.name2 = "f2"; } function F3(){this.name3 = "f3"; } F2.prototype = new F1(); F3.prototype = new F2(); var ff = new F3(); console.log(ff.name2); ff._proto_._proto_._proto_.name = "secend"; console.log(F1.prototype); delete ff._proto_._proto_._proto_.name console.log(F1.prototype);

例子：按鈕組件封裝：（類似于Bootstrsp里的按鈕組件封裝）

總結

以上是生活随笔為你收集整理的前端---JavaScript基础4的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。