原型与原型链

image
由图可看出绝大多数对象都继承自Object.prototype,还有例外继承自(0bject.create(原型))

定义:原型是function对象的一个属性,它定义了构造函数制造出的对象的公共祖先通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象

示例一:
Person.prototype.name = 'abc';
	      function Person() {
			// 这里并非是创建一个this对象,只是为了表达new的时候有新对象生成
			// var this = {
			//	__proto__ : Person.prototype		
			//}
		}
		var obj = {
			name : "sunny"
		}
		var person = new Person();
		person.__proto__ = obj; /改变指向
		console.log(person.name);  // sunny
示例二:
Person.prototype.name = 'sunny';
function Person() {}
var person = new Person ();
Person.prototype.name = "cherry";
console.log(person.name);//返回是cherry
// 底层原理
var obj  = {name : 'a'};
var obj1 = obj;
obj = {name : 'b'};

继承模式

圣杯模式

var inherit = (function (){
        	var F = function(Target, Origin){};
        	return function(){
        		F.prototype = Origin.prototype;
        		Target.prototype = new F();
        		Target.prototype.constructor = Target;		
    Target.prototype.uber = Origin.prototype
        	}
  }())

bind的源码实现

Function.prototype.newBind = function(target) {
        let self = this
        let args = [].slice.call(arguments, 1)
        let temp = function() {}
        let f = function() {
            let _args = [].slice.call(arguments, 0)
            return self.apply(this instanceof temp ? this : (target || window), args.concat(_args))
        }
        temp.prototype = self.prototype
        f.prototype = new temp()     
        return f
    }

    let obj = {
        x: 20
    }

    function show(x, y, z, w) {
        console.log(this, x, y, z, w)
    }

    let newShow = show.newBind(obj, 2, 3, 4)

    console.log(new newShow(1).constructor)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原型原型链是 JavaScript 中的重要概念,用于实现对象继承和属性访问。 在 JavaScript 中,每个对象都有一个隐式的属性__proto__,它指向该对象原型(prototype)。原型是一个普通的对象,它包含共享的属性和方法。当我们访问一个对象的属性时,如果该对象本身没有该属性,JavaScript 引擎会沿着原型链向上查找,直到找到该属性或到达原型链的末尾。 原型链就是这种沿着__proto__指针链进行属性查找的过程。一个对象原型可以通过 Object.getPrototypeOf() 方法获取。 当我们创建一个新的对象时,可以使用构造函数或者字面量来创建。构造函数可以通过使用 new 关键字来创建新的对象,并且每个构造函数都有一个 prototype 属性,该属性指向新创建的对象原型。字面量创建的对象原型是 Object.prototype。 通过设置构造函数的 prototype 属性,我们可以实现对象之间的继承。子对象继承对象原型上的属性和方法。当我们访问子对象的属性时,如果子对象本身没有该属性,会沿着原型链向上查找。 需要注意的是,原型链是一个单向的链式结构,如果在原型链上层级相同的位置存在同名属性,那么只会返回第一个找到的属性值。 总结起来,原型原型链是 JavaScript 中实现对象继承和属性访问的重要机制,通过原型链,我们可以共享属性和方法,并且实现对象之间的继承关系。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值