原型链深入理解
  QFbc3MtZbTbh 2023年11月13日 17 0

 

 

// 原型链
// 1.原型              -> 类
// 2.原型对象           -> 类中属性与方法组成的一个对象
// 3.实例对象           -> 创建的实例
// 4.如何互相转换

// 原型(它是一个函数)
function User(){

}

console.log("原型:",User);
User.prototype.username = "test";
User.prototype.password = "123456";
User.prototype.login = function login(username, password){
    console.log(`${username}登录成功`);
}
// 从原型到原型对象
console.log("原型对象:",User.prototype);

// 从原型到实例对象
let user = new User();
console.log(user);
user.login("小明", "1");

// 从原型对象到原型
console.log(User.prototype.constructor === User);

// 从原型对象到实例对象
let user2 = new User.prototype.constructor();
console.log(user2);

// 从实例对象到原型对象
console.log(user.__proto__ === User.prototype);
console.log(Object.getPrototypeOf(user) === User.prototype);

// 从实例对象到原型
console.log(user.__proto__.constructor === User);
console.log(Object.getPrototypeOf(user).constructor === User);

 



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  f18CFixvrKz8   2024年05月20日   88   0   0 JavaScript
  fxrR9b8fJ5Wh   2024年05月17日   52   0   0 JavaScript
  2xk0JyO908yA   2024年04月28日   40   0   0 JavaScript
QFbc3MtZbTbh