JavaScript 之 原型对象、对象原型 —— { }
2024-09-08 00:50:16
JavaScript —— 构造函数
// 构造函数
function Player(name, age) {
this.name = name;
this.age = age;
}
JavaScript —— 静态方法
// 静态方法(只可用【构造函数】名字调用，不可用【实例对象】名字调用)
Player.turnover = function () {
console.log('我会失误');
}
Player.turnover();
curry.turnover(); // 报错
curry.turnover();
JavaScript —— 实例化对象
let curry = new Player('库里', 21);
let young = new Player('杨', 21);
JavaScript —— 原型对象
（在构造函数中定义方法的话，每次当实例化对象的时候，每次都会在不同的地址上存储方法，而【原型对象】作用是把各个对象相同的方法都存放在同一个存储地址上（其实就只生成了一个方法），节省内存空间）
Player.prototype.shot = function () {
console.log('我会射球');
}
curry.shot();
young.shot();
// 打印：curry.shot === young.shot: true
console.log(`curry.shot === young.shot: ${curry.shot === young.shot}`);
JavaScript —— 对象原型
（为什么实例化出来的对象能调用Player.prototype【原型对象】上的shot方法呢，是因为每个实例化出来的对象中都包含有一个__proto__【对象原型】，而这个对象原型__proto__指向Player.prototype原型对象）
console.log(curry);
// 打印：curry.__proto__ === Player.prototype: true
console.log(`curry.__proto__ === Player.prototype: ${curry.__proto__ === Player.prototype}`);
// 只要是对象就有__proto__原型,指向原型对象(prototype)
// Player.prototype.__proto__指向的是Object.prototype
// 而Object.prototype.__proto__指向的是 null
console.log(Player.prototype.__proto__ === Object.prototype); // 打印：true
console.log(Object.prototype.__proto__); // 打印：null
console.log(curry);
JavaScript —— 构造函数属性
（对象原型(proto) 和 原型对象(prototype)里面都有一个属性constructor(构造函数)属性，它指回构造函数本身，主要用于记录对象【引用于哪个构造函数】，当我们用下列方式为Player.prototype(原型对象)添加方法的时候，需要手动添加constructor属性让Player.prototype指回原来的构造函数）
Player.prototype = {
constructor: Player,
shot: function () { },
turnover: function () { }
}
console.log(Player.prototype.constructor);
console.log(curry.__proto__.constructor);
console.log(Player.prototype.constructor);console.log(curry.__proto__.constructor);
JavaScript —— 原型链
最新文章
- Backbone源码分析（三）
- 取两个DataTable的交集,删除重复数据
- BZOJ 4204 && BZOJ 2510 循环矩阵
- 为 Xamarin.Forms 做个跑马灯控件
- Oracle资源
- IOS第一天多线程-02NSThread基本使用
- UITableView的常用属性和cell的内存优化
- JS中比較2个字符串内元素的不同(字符1, 字符2, 分隔符可选)
- 【线段树】BAPC2014 E Excellent Engineers (Codeforces GYM 100526)
- Eclipse启动jboss局域网无法访问的问题
- awk的思维导图
- 图片上传插件用法,JS语法【三】
- 数据结构中常见的树（BST二叉搜索树、AVL平衡二叉树、RBT红黑树、B-树、B+树、B*树）
- Jmeter(三)_配置元件
- 【Docker】(5)---springCloud注册中心打包Docker镜像
- python之路——博客目录
- java面试题2019
- openstack Q版部署-----虚拟机创建（8）
- officewebapps 服务器部署问题
- python gui messagebox