Javascript中的原型,原型链

大家在对JS原型进行解释的时候,会涉及两个概念:构造函数、原型对象
构造函数:

1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写

2、构造函数和普通函数的区别:调用方式不一样。作用也不一样(构造函数用来新建实例对象)

3、调用方式不一样,只要通过 new 操作符来调用,那就是作为构造函数使用,此时this指向new出的实例;如果不通过 new 操作符来调用,那就是作为普通函数使用。

<script>
// 可以把构造函数看成是某个类型
      // 一个构造函数加new运算符之后 会进行以下4步操作
      /*
       * 1.创建一个新对象
       * 2.改变构造函数里的this指向,指向这个新创建的对象
       * 3.执行构造函数里的代码
       * 4.返回这个新对象
       */
      function Person(name) {
        this.name = name;
        this.sayHello = function() {
          console.log(this.name);
        };
      }
      var person = new Person("john"); //创建实例
  </script>
原型对象:

在 JavaScript 中,每当定义一个对象(函数也是对象)时候,对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性,这个属性指向函数的原型对象。

// 每一个函数都有一个原型对象prototype,每一个原型对象都有一个指向构造函数的指针constructor
// 原型对象上的属性和方法能被实例所访问到
			function Person(){
				
			}
			Person.prototype.name = "john";
			Person.prototype.sayHello = function(){
				console.log(this.name);//this指向实例
			}
			var person = new Person();
			var person1 = new Person();
			//无法传参
			console.log(person.sayHello == person1.sayHello);//true
原型链:
1.什么是原型链?

原型链的核心就是依赖对象的_proto_的指向,当自身不存在的属性时,就一层层的扒出创建对象的构造函数,直至到Object时,就没有_proto_指向了。

2.如何分析原型链?

因为_proto_实质找的是prototype,所以我们只要找这个链条上的构造函数的prototype。其中Object.prototype是没有_proto_属性的,它==null。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值