new一个对象的过程
2024-09-09 13:14:28
不用死记硬背,理解才是硬道理。只需要写个例子,然后输出看一下就清楚了
首先我们看下new Person输出什么?
var Person = function(name, age) {
this.name = name;
this.age = age;
};
Person.prototype.show = function() {
console.log(this.name, this.age);
};
var p = new Person("bella", 10);
console.log(p);
有属性name, age 和 __proto__
__proto__里面有原型方法show,constructor, __proto__
然后我们再输出构造器Person.prototype:
对比一下,发现p的__proto__的值就是构造函数Person的prototype的属性值。
因此new操作符创建对象可以分为以下四个步骤:
- 创建一个空对象
- 将所创建对象的__proto__属性值设为构造函数的prototype的属性值
- 执行构造函数中的代码,构造函数中的this指向该对象
- 返回对象
因此上面的过程就可以等同于下面的过程:
var Person = function(name, age) {
this.name = name;
this.age = age;
};
Person.prototype.show = function() {
console.log(this.name, this.age);
};
var p = {};
p.__proto__ = Person.prototype;
Person.call(p, "balle", 10);
// var p = new Person("bella", 10);
console.log(p);
最新文章
- 重装系统后,delphi7打开报错
- Effective objective-c 2.0阅读笔记
- Node-webkit 资料笔记
- LUA+resty 搭建验证码服务器
- Nginx - Windows下Nginx初入门
- 百科编辑器ueditor应用笔记
- .NET: WPF DependencyProperty
- GetProperties(BindingFlags)说明
- ext2元数据结构
- c++的输入流基础知识
- Debian安装Apache2+MySQL5+PHP5(zz)
- alter database open resetlogs
- Java学习笔记——浅谈数据结构与Java集合框架(第一篇、List)
- Javascript CustomEvent
- Python进阶 函数式编程和面向对象编程等
- [C#学习笔记3]关于Main(string[ ] args)中args命令行参数
- hive group by聚合函数增强
- Android 开发 记录一个DP、PX、SP转换工具类
- LuoGu P2735 电网 Electric Fences
- openstack安装-计算节点-neutron服务安装