JavaScript¼Ì³ÐµÄʵÏÖ·½Ê½£ºÔ­ÐÍÓïÑÔ¶ÔÏó¼Ì³Ð¶ÔÏóÔ­ÀíÆÊÎö

function?People(name){
??//ÊôÐÔ
??this.name??=?name?||?Annie
??//ʵÀý·½·¨
??this.sleep=function(){
????console.log(this.name?+?'ÕýÔÚ˯¾õ')
??}
}
//Ô­ÐÍ·½·¨
People.prototype.eat?=?function(food){
??console.log(this.name?+?'ÕýÔÚ³Ô£º'?+?food);
}

function?Woman(){?
????this.name=?"SubType";?//?×ÓÀàÊôÐÔ
}
//?Èç¹û´Ë´¦ÓÐWomanµÄÔ­ÐͶÔÏóÉϵķ½·¨£¬ÓÉÓÚÔ­ÐÍÖض¨Ïò£¬ÏÂÃæµÄ´úÂë»á¸²¸Ç´Ë·½·¨
Woman.prototype=?new?People();//?ÖØдԭÐͶÔÏ󣬴úÖ®ÒÔÒ»¸öÐÂÀàÐ͵ÄʵÀý
//?ÕâÀïʵÀý»¯Ò»¸ö?Peopleʱ£¬?ʵ¼ÊÉÏÖ´ÐÐÁËÁ½²½
//?1£¬Ð´´½¨µÄ¶ÔÏó¸´ÖÆÁ˸¸À๹Ô캯ÊýÄÚµÄËùÓÐÊôÐÔ¼°·½·¨
//?2£¬²¢½«Ô­ÐÍ?__proto__?Ö¸ÏòÁ˸¸ÀàµÄÔ­ÐͶÔÏó
Woman.prototype.name?=?'haixia';//×ÓÔ­Ð͵ÄÊôÐÔ
Woman.prototype.name?=?()=>{};//×ÓÔ­ÐÍ·½·¨
let?womanObj?=?new?Woman();

function?Parent?()?{
??this.a?=?1;
??this.b?=?[1,?2,?this.a];
??this.c?=?{demo:?5};
??this.show?=?function?()?{
????console.log(this.a?+?'?'?+?this.c.demo?+?':'?+?this.b?+?'\n');
??};
}

function?Child?()?{
??this.a?=?2;
??this.change?=?function?()?{
????this.b.push(this.a);
????this.a?=?this.b.length;
????this.c.demo?=?this.a++;
??};
}

Child.prototype?=?new?Parent();
var?parent?=?new?Parent();
var?child1?=?new?Child();
var?child2?=?new?Child();
child1.a?=?11;
child2.a?=?12;
child1.change();
child2.change();
parent.show();
child1.show();
child2.show();

function?extendObj(obj)?{
??if?(Object.create)?{
????return?Object.create(obj)
??}?else?{
????function?F?()?{?}?
????F.prototype?=?obj;?
????return?new?F()
??}
}
var?obj?=?{?name:?"smd",?age:?26,?sayHi:?function?()?{?}?}
var?newObj?=?createObj(obj)
/*?Extend?Function?*/??
function?extend(subClass,superClass){??
????var?Func?=?function(){}?;??
????Func.prototype?=?superClass.prototype?;??
????subClass.prototype?=?new?Func()?;??
????subClass.prototype.constructor?=?subClass?;??
}?;

function?Wonman(name){
??let?instance?=?new?People();
??instance.name?=?name?||?'wangxiaoxia';
??return?instance;
}
let?wonmanObj?=?new?Wonman();

//?¸¸Àà
function?People?(name)?{
??this.colors?=?["red",?"blue",?"green"];
??this.name?=?name;?//?¸¸ÀàÊôÐÔ
}
People.prototype.sayName?=?function?()?{?//?¸¸ÀàÔ­ÐÍ·½·¨
??return?this.name;
};

/**?µÚÒ»²½?*/
//?×ÓÀ࣬ͨ¹ý?call?¼Ì³Ð¸¸ÀàµÄʵÀýÊôÐԺͷ½·¨£¬²»Äܼ̳ÐÔ­ÐÍÊôÐÔ/·½·¨
function?Woman?(name,?subName)?{
??People.call(this,?name);?//?µ÷ÓÃ?People?µÄ¹¹Ô캯Êý£¬²¢ÏòÆä´«²Î?
??this.subName?=?subName;
}

/**?µÚ¶þ²½?*/
//?½â¾ö?call?ÎÞ·¨¼Ì³Ð¸¸ÀàÔ­ÐÍÊôÐÔ/·½·¨µÄÎÊÌâ
//?Object.create?·½·¨½ÓÊÜ´«ÈëÒ»¸ö×÷Ϊд´½¨¶ÔÏóµÄÔ­Ð͵ĶÔÏ󣬴´½¨Ò»¸öÓµÓÐÖ¸¶¨Ô­ÐͺÍÈô¸É¸öÖ¸¶¨ÊôÐԵĶÔÏó
//?ͨ¹ýÕâÖÖ·½·¨Ö¸¶¨µÄÈκÎÊôÐÔ¶¼»á¸²¸ÇÔ­ÐͶÔÏóÉϵÄͬÃûÊôÐÔ
Woman.prototype?=?Object.create(People.prototype,?{
??constructor:?{?//?×¢ÒâÖ¸¶¨?Woman.prototype.constructor?=?Woman
????value:?Woman,
????enumerable:?false,
????writable:?true,
????configurable:?true
??},
??run?:?{
????value:?function(){?//?override
??????People.prototype.run.apply(this,?arguments);
??????//?call?super
??????//?...
????},
????enumerable:?true,
????configurable:?true,
????writable:?true
??}
})

/**?µÚÈý²½?*/
//?×îºó£º½â¾ö?Woman.prototype.constructor?===?People?µÄÎÊÌâ
//?ÕâÀÔÚÉÏÒ»²½ÒѾ­Ö¸¶¨£¬ÕâÀï²»ÐèÒªÔÙ²Ù×÷
//Woman.prototype.constructor?=?Woman;

var?instance?=?new?Woman('An',?'sistenAn')

function?Wonman?(name)?{
??let?instance?=?new?People();
??for?(var?p?in?instance)?{
????Wonman.prototype[p]?=?instance[p];
??}
??Wonman.prototype.name=name||'Tom'
}

let?wonmanObj?=?new?Wonman();

function?Woman(name,?age)?{
??//3Ðйؼü´úÂë?´ËÈýÐÐÓÃÓÚ»ñÈ¡¸¸ÀàµÄ³ÉÔ±¼°·½·¨
??//ÓÃ×ÓÀàµÄthisȥð³ä¸¸ÀàµÄthis,ʵÏּ̳Ð
??//¸¸ÀàPeopleÖеÄthis.name¡¢sleep£¬·Ö±ð³ÉΪÁË×ÓÀàµÄ³ÉÔ±¡¢×ÓÀàµÄ·½·¨
??this.method?=?People;
??//½ÓÊÕ×ÓÀàµÄ²ÎÊý?´«¸ø¸¸Àà
??this.method(name);
??//ɾ³ý¸¸Àà
??delete?this.method;

??//´ËºóµÄthis¾ùÖ¸×ÓÀà
??this.age?=?age;
??this.sayWorld?=?function()?{
????alert(age);
??}
}

function?Woman(name){
?//¼Ì³ÐÁËPeople£¬×ÓÀàµÄthis´«¸ø¸¸Àà
??People.call(this);?//People.call(this£¬'zhoulujun');?
??this.name?=?name?||?'andy'
}
let?womanObj?=?new?Woman();

function?Woman(name,age){
??People.call(this,name,age)
}
Woman.prototype?=?new?People();
Woman.prototype.constructor?=?Woman;
let?wonmanObj?=?new?Woman(ren,27);
wonmanObj.eat();

function?Woman(name,age){
??//¼Ì³Ð¸¸ÀàÊôÐÔ
??People.call(this,name,age)
}
//¼Ì³Ð¸¸Àà·½·¨£¬¿ÉÒÔ¼ò»¯Îª£ºWoman.prototype?=?Object.create(People.prototype)£»
(function(){
??//?´´½¨¿ÕÀà
??function?Super?(){};
??Super.prototype?=?People.prototype;
??//¸¸ÀàµÄʵÀý×÷Ϊ×ÓÀàµÄÔ­ÐÍ
??Woman.prototype?=?new?Super();
})();
//ÐÞ¸´¹¹Ô캯ÊýÖ¸ÏòÎÊÌâ
Woman.prototype.constructor?=?Woman;
let?womanObj?=?new?Woman();

//class?Ï൱ÓÚes5Öй¹Ô캯Êý
//classÖж¨Òå·½·¨Ê±£¬Ç°ºó²»ÄܼÓfunction£¬È«²¿¶¨ÒåÔÚclassµÄprotopyteÊôÐÔÖÐ
//classÖж¨ÒåµÄËùÓз½·¨ÊDz»¿Éö¾ÙµÄ
//classÖÐÖ»Äܶ¨Òå·½·¨£¬²»Äܶ¨Òå¶ÔÏ󣬱äÁ¿µÈ
//classºÍ·½·¨ÄÚĬÈ϶¼ÊÇÑϸñģʽ
//es5ÖÐconstructorΪÒþʽÊôÐÔ
class?People{
??constructor(name='wang',age='27'){
????this.name?=?name;
????this.age?=?age;
??}
??eat(){
????console.log(`${this.name}?${this.age}?eat?food`)
??}
}
//?¼Ì³Ð¸¸ÀàÊôÐÔ£¬super¹Ø¼ü×Ö£¬ËüÔÚÕâÀï±íʾ¸¸ÀàµÄ¹¹Ô캯Êý£¬ÓÃÀ´Ð½¨¸¸ÀàµÄthis¶ÔÏó¡£
//?×ÓÀà±ØÐëÔÚconstructor·½·¨Öе÷ÓÃsuper·½·¨£¬·ñÔòн¨ÊµÀýʱ»á±¨´í¡£Èç¹û×ÓÀàûÓж¨Òåconstructor·½·¨£¬Õâ¸ö·½·¨»á±»Ä¬ÈÏÌí¼Ó£¬²»¹ÜÓÐûÓÐÏÔʽ¶¨Ò壬ÈκÎÒ»¸ö×ÓÀ඼ÓÐconstructor·½·¨¡£
class?Woman?extends?People{?
???constructor(name?=?'ren',age?=?'27'){?
?????super(name,?age);?
???}?
????eat(){?
?????//¼Ì³Ð¸¸Àà·½·¨
??????super.eat()?
????}?
}?
let?wonmanObj=new?Woman('xiaoxiami');?
wonmanObj.eat();

/**
?*?¼Ì³Ð
?*?@param?{*}?subClass?×ÓÀà
?*?@param?{*}?superClass?¸¸Àà
?*/
function?_inherits(subClass,?superClass)?{
??//?ÀàÐͼì²â
??if?(!superClass?||?typeof?superClass?!==?"function"?)?{
????throw?new?TypeError("Super?expression?must?either?be?null?or?a?function,?not?"?+typeof?superClass);
??}
??/**
???*?Object.create?½ÓÊÜÁ½¸ö²ÎÊý
???*?Ö¸¶¨Ô­ÐÍ´´½¨¶ÔÏó
???*?@param?{*}?Ä¿±êÔ­ÐÍ
???*?@param?{*}?Ìí¼ÓÊôÐÔ
???*/
??subClass.prototype?=?Object.create(superClass?&&?superClass.prototype,?{
????constructor:?{
??????value:?subClass,?//?subClass.prototype.constructor?Ö¸Ïò?subClass
??????enumerable:?false,?//?constructor?²»¿Éö¾Ù
??????writable:?true,
??????configurable:?true
????}
??});

??/**
???*?Object.setPrototypeOf?·½·¨
???*?ÉèÖÃ×ÓÀàµÄ?__proto__?ÊôÐÔÖ¸Ïò¸¸Àà
???*?@param?{*}?×ÓÀà
???*?@param?{*}?¸¸Àà
???*/
??if?(superClass)?{
????//?ÉèÖÃ×ÓÀàµÄ__proto__?ÈÃ?Child?ÄÜ·ÃÎʸ¸Àྲ̬ÊôÐÔ
????Object.setPrototypeOf
????????Object.setPrototypeOf(subClass,?superClass)
??????:?(subClass.__proto__?=?superClass);
??}
}