JS基本功系列-原型知识点补充记录

admin 2022年4月22日02:28:19安全开发评论13 views1989字阅读6分37秒阅读模式

原型的5大原则(重点)

1、所有的引用类型(数组、对象、函数),都具有对象特性,即可自由扩展属性(除了“null”以外)

2、所有的对象(严格来说是实例化的对象),都有一个__proto__(隐式原型)属性,属性值是一个普通的对象

3、所有的函数,都有一个 prototype(显式原型) 属性,属性值也是一个普通的对象  

4、所有的引用类型(数组、对象、函数),__proto__属性值指向它的构造函数的“prototype”属性值  

5、当试图得到一个对象的某个属性时,并且这个对象本身没有这个属性,那么会去它的__proto__(即它的构造函数的prototype)中寻找。

function Person({
  this.smoke = function ({
    this.weight--;
  }

  Person.prototype = {
    weight130
  }

  var person = new Person();

  console.log(person.smoke());;
}

//一般函数默认返回undefined
//构造函数返回this实例

看个例子:


var obj1 = {}
console.log(obj1)//constructor: function Object()

var obj2 = new Object();//不用这种写法,一般
console.log(obj2);//constructor: function Object()

function Obj({
}

console.log(Obj);////constructor: function Obj()
//小结:前面两种(一个是自定义的对象,一个是系统内置的Object),他们的构造函数均指向Object;
//就是说前两种都是对象,然后对象都有一个__proto__属性,这个属性里面又包含了大量对象
//其中一个对象就是 constructor: function Object()-->他们的构造函数均指向Object;
//自定义的函数,其构造函数指向自定义的函数
//函数都有一个属性为prototype
//prototype这个属性里面存放的又是对象,这些对象里面有个为constructor: function Obj()
var obj = new Obj();
console.log(obj)
console.log(obj.__proto__)//Obj.prototype,参考下面两个图
console.log(obj.__proto__ === Obj.prototype)//true

JS基本功系列-原型知识点补充记录图一(图中所标注的四层严格来说有点问题)
JS基本功系列-原型知识点补充记录图二

就是说obj.__proto__.__proto__.constructor 就是系统Object(), 即:原型的原型就是系统Object();//通过浏览器可以证明

Object.create(对象,null)

function fun({}

fun.prototype.num = 1;
var test = {
  num:2
}

var obj1 = Object.create(fun.prototype)
var obj2 = new fun();
//new的作用:
//实例化 obj1
//调用构造函数Obj的初始化属性和方法
//指定实例对象的原型
var obj11 = Object.create(test);//这里其实是声明了一个对象,而后将对象放进去
                              //而后这个对象是作为obj11的原型
console.log(obj11.__proto__ === test);//true,其实就是将test挂到obj11的原型上
console.log(obj1);//obj1与obj2效果一模一样
console.log(obj2);//他们所对应的构造器是 fun()
console.log(obj11);//他所对应的构造器是 Object()
JS基本功系列-原型知识点补充记录

说明Object.create()提供了一个自定义原型的功能

var obj111 = Object.create(null);
console.log(obj111)//obj111是没有任何属性的,也没任何原型
obj111.num = 1;
var obj222 = Object.create(obj111);
console.log(obj222)
obj111.toString()//这里会报错
//不是所有的对象都继承于Object.prototype,如果是继承于的,那么上面就不应该报错
//Object.prototype有一个方法是toString()


原文始发于微信公众号(迪哥讲事):JS基本功系列-原型知识点补充记录

特别标注: 本站(CN-SEC.COM)所有文章仅供技术研究,若将其信息做其他用途,由用户承担全部法律及连带责任,本站不承担任何法律及连带责任,请遵守中华人民共和国安全法.
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2022年4月22日02:28:19
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                  JS基本功系列-原型知识点补充记录 http://cn-sec.com/archives/931074.html

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: