javascript原型和原型链
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript原型和原型链,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1887字,纯文字阅读大概需要3分钟。
内容图文
![javascript原型和原型链](/upload/InfoBanner/zyjiaocheng/841/88e5b7c0d7a74b86bbff892b801304eb.jpg)
一、JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象。
凡是通过 new Function() 创建的对象都是函数对象,其他的都是普通对象。
Object 、Function 是 JavaScript 自带的函数对象。
var o1 = {};
var o2 =new Object();
var o3 = new f1();
function f1(){};
var f2 = function(){};
var f3 = new Function('str','console.log(str)');
console.log(typeof Object); //function
console.log(typeof Function); //function
console.log(typeof f1); //function
console.log(typeof f2); //function
console.log(typeof f3); //function
console.log(typeof o1); //object
console.log(typeof o2); //object
console.log(typeof o3); //object
二、构造函数
function Person(name, age, job) {
this.name = name;
this.age = age;
this.job = job;
this.sayName = function() { alert(this.name) }
}
var person1 = new Person('Zaxlct', 28, 'Software Engineer');
var person2 = new Person('Mick', 23, 'Doctor');
person1 和 person2 都是 Person 的实例
这两个实例都有一个 constructor (构造函数)属性,该属性(是一个指针)指向 Person。即:
console.log(person1.constructor == Person); //true
console.log(person2.constructor == Person); //true
我们要记住两个概念(构造函数,实例):
person1 和 person2 都是 构造函数 Person 的实例
一个公式:
实例的构造函数属性(constructor)指向构造函数。
person1.constructor == Person
三、原型对象
function Person(){}
每个函数对象都有一个prototype 属性,即Person.prototype,这个属性指向函数的原型对象(一个普通对象)。
【公式一】:每个对象都有 proto 属性,但只有函数对象才有 prototype 属性
在大多数情况下,proto可以理解为"构造器的原型",即:proto === constructor.prototype
原型对象,顾名思义,它就是一个普通对象(废话 = =!)。从现在开始你要牢牢记住原型对象就是 Person.prototype ,它有一个默认的属性:constructor(构造函数),这个属性(是一个指针)指向 prototype 属性所在的函数(Person)
即:Person.prototype.constructor == Person
【结论】:原型对象(Person.prototype)是 构造函数(Person)的一个实例。
内容总结
以上是互联网集市为您收集整理的javascript原型和原型链全部内容,希望文章能够帮你解决javascript原型和原型链所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。