jeck貓
2018-11-28 22:18:10
//原型式繼承function inheritObject(o) { //聲明一個(gè)過渡函數(shù)對(duì)象 function F() { //過渡對(duì)象的原型繼承父對(duì)象 F.prototype = o; } //返回過渡對(duì)象的一個(gè)實(shí)例,該實(shí)例的原型繼承了夫?qū)ο?nbsp; return new F();}//測(cè)試let book = { name: 'js books', alikeBook: ['css book', 'html book']};let newBook = inheritObject(book);newBook.name = 'ajax book';// newBook.alikeBook.push('xml book');console.log(newBook.name); //ajax bookconsole.log(newBook.alikeBook); //undefinedconsole.log(book.name); //js booksconsole.log(book.alikeBook); //['css book', 'html book']想問一下,問什么newBook.alikeBook是undefined?
1 回答

慕的地10843
TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超8個(gè)贊
按照樓上的方法,可以使你的代碼實(shí)現(xiàn)預(yù)期的功能。我這里解釋下為什么你這么寫不能得到預(yù)期的效果。
這里需要說下new操作符的一個(gè)執(zhí)行流程
1.創(chuàng)建一個(gè)object
instance = new Object();
2.設(shè)置原型鏈
instance.__proto__ = F.prototype;
3.將上下文this指向instance,執(zhí)行函數(shù)體
F.apply(instance, arguments);
4.返回值
所以,可以看到,設(shè)置原型鏈的操作是在第二步的時(shí)候的執(zhí)行的,而這個(gè)時(shí)候,你代碼里面的F.prototype = o
還沒有執(zhí)行,所以instance.__proto__只會(huì)被賦值undefined,自然就沒有達(dá)到繼承的效果
添加回答
舉報(bào)
0/150
提交
取消