JavaScript 中的原型

1.函数定义时,就存在一个属性prototype,它的值是一个普通的Object对象,这就是原型;

2.对象都是由构造函数new出来的,构造函数是由Function() new出来的,Function是浏览器创建js引擎时就已经存在;

3.constructor,获取对象的构造函数(obj.constructor),这个属性存储在构造函数的原型中

4.对象的隐式原型(obj.__proto__)指向创建该对象的构造函数的原型(),指向同一空间,对象会继承原型中的方法和属性

5.原型是一个对象,所以原型也是由Object() new出来的;所以可以推出原型的隐式原型的

constructor是Object();但是Object()的原型的隐式原型指向null

原型链:

因为每个对象和原型都有隐式原型,对象的隐式原型指向创建该对象的构造函数的原型对象,该构造函数又有隐式原型.......这种原型层层连接起来的就构成了原型链。

原型链的查找属性是从下往上的过程,原型链找不到不会报错,出现undefined

 练习题:

var F = function () {}
Object.prototype.a = function () {}
Function.prototype.b = function () {}

var f = new F();

console.log(f.a, f.b, F.a, F.b);

f.a--------->f本身没有a属性,就回去隐式原型上查找,即F的原型,F的原型也没有a属性,就会去F的原型的隐式原型上查找,即Object原型上;Object原型上定义了a属性,值是一个函数;

以此类推:f.b---->无论是自身还是原型链上都没有b属性,查找不到所以输出undefined

F.a--------->F的原型是一个对象,对象都是Object创建的,所以也可以找到Object原型上的a属性

F.b--------->函数是有Function创建的,可以查找到Function原型上的b属性

练习题:

function User() {}
User.prototype.sayHello = function() {}

var u1 = new User();
var u2 = new User();

console.log(u1.sayHello === u2.sayHello);   
console.log(User.prototype.constructor); 
console.log(User.prototype === Function.prototype); 
console.log(User.__proto__ === Function.prototype); 
console.log(User.__proto__ === Function.__proto__); 
console.log(u1.__proto__ === u2.__proto__);  
console.log(u1.__proto__ === User.__proto__); 
console.log(Function.__proto__ === Object.__proto__); 
console.log(Function.prototype.__proto__ === Object.prototype.__proto__); 
console.log(Function.prototype.__proto__ === Object.prototype);

这题考察的是原型的掌握程度,可以试着对照上面原型的完整指向图一步步推出来

输出依次为:

true,ƒ User() {},false, true,true,true, false, true, false, true

  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值