首页 > 编程语言 >JavaScript中的3个关系, 2个函数

JavaScript中的3个关系, 2个函数

时间:2023-01-29 22:33:22浏览次数:41  
标签:关系 __ 函数 proto JavaScript Person 原型 prototype 构造函数

image


三个属性

  1. 构造函数的prototype
  2. 原型对象的constructor
  3. 实例的__proto__

首先每个构造函数都具有一个原型对象, 每个原型对象同时有一个constructor指向构造函数

//一个构造函数
function Person() {
	this.name = "wangturing";
	this.age = 23;
}
//可以通过prototype进行访问
console.log(Person.prototype);

//原型对象constructor指向构造函数
console.log(Person.prototype.constructor);

通过构造函数我们可以创建对象, 这个对象的__proto__属性指向构造函数的原型对象

function Person(name, age) {
	this.name = name;
	this.age = age;
}

var xiaoming = new Person("wangturing", 12);
//返回true
console.log(xiaoming.__proto__ === Person.prototype);

所有的原型对象的__proto__指向Object()函数的原型对象。

两个比较重要的函数:

首先第一个函数叫做: Function() 它是所有构造函数的构造函数, 也就是说所有的构造函数都是Function的实例, 所以所有的构造函数的__proto__属性都是指向Function()的实例的。

function Person(name, age) {
	this.name = name;
	this.age = age;
}
//返回true
console.log(Person.__proto__ == Function.prototype);

注意Function的__proto__属性指向Function的原型对象, 原型对象的construct指向Function。

第二个函数名字叫做:Object(), 它的原型对象Object是所有原型对象的__proto__的指向

var b = new Person("wyz", 123);
b.__proto__.__proto__ === Object.prototype;

Object()的prototype指向的是Function的原型对象。

标签:关系,__,函数,proto,JavaScript,Person,原型,prototype,构造函数
From: https://www.cnblogs.com/zhengel/p/17031631.html

相关文章

  • servlet和spring框架的关系
    1、Servlet是什么?servlet就是一个Java接口,是JavaEE规范的一种,主要是为了扩展Java作为Web服务的功能。由其他内部厂商如tomcat,JBoss内部实现web的功能。如一个http请求到......
  • golang-day4函数
    斐波那契数列三种实现方式1、循环实现funcfib1(nint)int{ //完整逻辑 switch{ casen<0: panic("nisnegative") casen==0: return0 casen==1......
  • JavaScript学习笔记—DOM之元素节点
    元素节点对象(element)在网页中,每一个标签都是一个元素节点如何获取元素节点对象?通过document对象来获取元素节点通过document对象来创建元素节点通过document来获......
  • 【TS】函数重载--可选参数--默认参数
    可选参数--默认参数在ts中定义的数据类型,某些情况下只需要传入定义数据类型的一部分参数,比如:id、name、age、address,此时需要修改用户的名称,那么只需要传入id、name就够......
  • 【TS】函数和函数类型
    在使用函数的时候,通常会给函数传值,或者给函数一个返回值调用,这个时候就会涉及到函数类型。函数类型分为两个方面:1、函数参数2、函数返回值语法:function函数名(参数......
  • 后台列表字段-回调函数-关联字段显示标题
    回调函数名称: xb_admin_guanlian回调函数代码(文件:config/custom.php): functionxb_admin_guanlian($value,$param=[],$data=[],$field=[]){......
  • JavaScript中实现sleep睡眠函数的几种简单方法(转)
    转自:JavaScript中实现sleep睡眠函数的几种简单方法一.什么是sleep函数?sleep是一种函数,他的作用是使程序暂停指定的时间,起到延时的效果。javascript好像诶呦提供sleep工......
  • 通过执行方法来获得并运行一个 JavaScript 文件
    通过执行方法来获得并运行一个JavaScript文件通过AJAX请求来获得并运行一个JavaScript文件定义和用法getScript()方法通过HTTPGET请求载入并执行JavaScript......
  • JavaScript 文件处理
    JavaScript可以通过文件API实现许多常见的文件处理任务,下面是一些例子:1、读取文件内容:使用FileReaderAPI可以将文件读取为ArrayBuffer、Blob、DataURL等格式,并进......
  • 常用函数总结
    目录​​前言​​​​C++​​​​判断​​​​判断字符是否为大/小写​​​​判断是否为字符​​​​判断是否为数字​​​​判断是否为字符和数字​​​​转换​​​​字符......