构造函数创建对象:

function Person()
{ } var person = new Person();
person.name = 'Tian';
console.log(person.name); //Tian

Person 就是一个构造函数,使用 new 创建了一个实例对象 person

prototype

  每个函数都有一个 prototype 属性

  每一个 javaScript 对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型“继承”属性。

function Person()
{ } //protoType是函数才会有的属性
Person.prototype.name = 'Tian';
var person1 = new Person();
var person2 = new Person();
console.log(person1.name); //Tian
console.log(person2.name); //Tian

proto

  每一个 javaScript 对象(null除外)都具有的一个属性叫 proto ,这个属性会指向该对象的原型

function Person()
{ } var person = new Person();
console.log(person.__proto__ === Person.prototype); //true

 constructor

  每一个原型都有一个 constructor 属性指向关联的构造函数,实例原型指向构造函数

function Person()
{ } console.log(Person === Person.prototype.constructor);  //true

function Person()
{ } var person = new Person();
console.log(person.__proto__ === Person.prototype); //true
console.log(Person.prototype.constructor === Person); //true cosnole.log(Object.getPrototypeOf(person) === Person.prototype); //true

实例与原型

function Person()
{ } Person.prototype.name = 'Tian'; var person = new Person(); person.name = 'Anni';
console.log(person.name); //Anni delete person.name;
console.log(person.name); //Tian

  在这个例子中,我们给实例对象 person 添加了 name 属性,当我们打印 person.name 的时候,结果自然为 Anni。

  但是当我们删除了 person 的 name 属性时,读取 person.name,从 person 对象中找不到 name 属性就会从 person 的原型也就是 person.proto ,也就是 Person.prototype中查找,幸运的是我们找到了 name 属性,结果为 Tian。

原型与原型

var obj = new Object();

obj.name = 'Tian';
console.log(obj.name); //Tian

 原型链

  

javaScript 默认并不会复制对象的属性,相反,JavaScript只是在俩个对象之间创建一个关联,这样一个对象就可以通过委托访问另一个对象的属性和函数,所以与其叫继承,委托的说法更准确些。

最新文章

  1. Java获取前天和后天的时间
  2. jdk1.6安装
  3. android 弹出框(输入框和选择框)
  4. 【Java】Checked、Unchecked Exception
  5. JavaScript简易日历
  6. .NET通过PowerShell操作ExChange为用户开通邮箱账号
  7. mongodb数据库备份迁移 windows -> linux
  8. ConcurrentHashMap1.8源码分析
  9. 版本号严格遵守semver语义化标准
  10. “软到不行”的WWDC2018
  11. element ui table单选框点击全选问题
  12. ubuntu默认使用python2,更改默认使用python3
  13. Python入门学习:1.变量和简单的数据类型
  14. C - CodeCoder vs TopForces Gym - 101142C (连通块+思维)
  15. 关于jmeter命令行执行.jmx文件出现Error in NonGUIDriver java.lang.RuntimeException: Could not find the TestPlan c
  16. like contains
  17. [转]java.util.Date和java.sql.Date转换
  18. Code Signal_练习题_stringsRearrangement
  19. android指纹
  20. Docker MySQL基本操作

热门文章

  1. ProxyPattern(代理模式)-----Java/.Net
  2. shell脚本一键配置本地yum源
  3. 爆破linux密码 $6$3uwqC9JI$d9iPRmTDAoXs/IbsplxS3iyeErHqw7fUycacXNHyZk1UCSwFEydl515/zXN7OEwHnyUaqYcNG
  4. Winform PPT切换图片效果
  5. GC 为什么要挂起用户线程? 什么愁什么怨?
  6. JAVA高级架构师基础功:Spring中AOP的两种代理方式:动态代理和CGLIB详解
  7. python3搭建Django项目
  8. C++ 链式继承下的虚函数列表
  9. Excel-条件格式
  10. 5.Switch多选择结构