js in depth: arrow function & prototype & this & constructor

js in depth: arrow function & prototype & this & constructor

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/

https://stackoverflow.com/questions/31755186/es6-arrow-functions-not-working-on-the-prototype

https://www.sitepoint.com/es6-arrow-functions-new-fat-concise-syntax-javascript/

proptotype bug

https://teamtreehouse.com/community/does-arrow-function-syntax-works-for-prototype

const log = console.log;

// 1. constructor bug
const func = () => {
    this.name = `xgqfrms`;
    title = `arrow function`;
    log(`this.name`, this.name);
};

log(`\nfunc`, func);
log(`\nfunc.prototype`, func.prototype);
// func.prototype undefined

// 2. prototype bug

func.prototype.print = function () {
    let name  = this.name;
    log(`\nname =`, name);
};
// TypeError: Cannot set property 'print' of undefined

// const obj = {
//     name: "webgeeker",
// };

// log(`\nfunc =`, func);
// log(`\nfunc.print =`, func.print);

constructor bug

arrow function constructor

https://teamtreehouse.com/community/why-cant-we-use-arrow-functions-when-defining-the-constructor-function

arrow functions have no 'this',

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#No_separate_this

---

原型链 继承 & 构造函数 继承

https://www.cnblogs.com/hejun26/p/10910590.html

---

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---