函数既有prototype又有proto

2026-09-16

彻底搞懂prototype和proto

prototype是函数特有的属性,是Function的静态属性:__proto__是对象特有的属性. 因为函数本身是一种对象,所以函数既有prototype属性也有__proto__属性. 当函数使用prototype属性时,是作为构造函数使用: 当函数使用__proto__属性时,是作为一个对象使用. 另外,__proto__属性内部属性,尽量不要使用.可以用setPrototypeOf()和getPrototypeOf()代替. 1)普通函数分别取值 function C() {} con

Effective JavaScript Item 30 理解prototype, getPrototypeOf和proto的不同

本系列作为Effective JavaScript的读书笔记. prototype,getPropertyOf和__proto__是三个用来訪问prototype的方法.它们的命名方式非常类似因此非常easy带来困惑. 它们的使用方式例如以下: prototype: 一般用来为一个类型建立它的原型继承对象.比方C.prototype = xxx,这样就会让使用new C()得到的对象的原型对象为xxx.当然使用obj.prototype也可以得到obj的原型对象. getPropertyOf:

ProtoType原型和Proto原型链的详解

var arr = new Array(12,13,14,15,16,17,18); var arr2 = new Array(12,13); arr.sun=function(){ //用原型加Array.prototype.sun=function() 下面的alert(arr2.sun())生效,就不会出现说arr2没有sun方法,这就好像css里面的class给一组元素加样式 //如果只是arr.sun,就好像是行间样式alert(arr2.sun())不会生效,因为他没有想arr那样加

你不知道的JavaScript--Item13 理解 prototype, getPrototypeOf 和proto

1.深入理解prototype, getPrototypeOf和_ proto _ prototype,getPropertyOf和 _ proto _ 是三个用来访问prototype的方法.它们的命名方式很类似因此很容易带来困惑. 它们的使用方式如下: C.prototype: 一般用来为一个类型建立它的原型继承对象.比如C.prototype = xxx,这样就会让使用new C()得到的对象的原型对象为xxx.当然使用obj.prototype也能够得到obj的原型对象. getProp

深入理解原型链（Prototype chain） proto

原型链(Prototype chain) 原型对象也是普通的对象,并且也有可能有自己的原型,如果一个原型对象的原型不为null的话,我们就称之为原型链(prototype chain). A prototype chain is a finite chain of objects which is used to implemented inheritance and shared properties.原型链是一个由对象组成的有限对象链由于实现继承和共享属性. 想象一个这种情况,2个对象,大部

JS----构造函数与原型prototype 区别

构造函数方法很好用,但是存在一个浪费内存通过原型法分配的函数是所有对象共享的.通过原型法分配的属性是独立.-----如果你不修改属性,他们是共享如果我们希望所有的对象使用同一一个函数,最好使用原型法添加函数,这样比较节省内存. 例子: //----构造函数模式为Cat对象添加一个不变的属性"type"(种类),再添加一个方法eat(吃老鼠).那么,原型对象Cat就变成了下面这样: <script> function Cat(name, color) { this.nam

函数对象的prototype总结

通过看 http://www.cnblogs.com/mindsbook/archive/2009/09/19/javascriptYouMustKnowPrototype.html 该文章和对代码的反复推敲, 现在对prototype这个属性有了一定的认识.下面就总结一下,也帮助自己再整理一下思路.以下纯属自己的认识和理解,慎看撇开那些专业词语不说,我觉得prototype这个东西就是用来给调用它的函数或者说对象增加方法或者属性用的.不论是其他对象现有的方法和属性,还是新加的方法和属性.

JavaScript 函数绑定 Function.prototype.bind

ECMAScript Edition5 IE9+支持原生,作用为将一个对象的方法绑定到另一个对象上执行. Function.prototype.bind = Function.prototype.bind || function(){ // 该方法当前所属的对象. var self = this; var args = Array.prototype.slice.call(arguments); // 绑定的对象. var o = args.shift(); // 如上操作后将绑定时的参数也绑定

js中类定义函数时用prototype与不用的区别

转载自:https://blog.csdn.net/yexudengzhidao/article/details/72866047 先看例子 function ListCommon2(first,second,third) { this.First=function () { alert("first do"+first); } } //不加prototype的情况 ListCommon2.do1=function(first) { // this.First(); alert(&qu

<JavaScript>constructor、prototype、proto和原型链

在看了网上很多相关的文章,很多都是懵逼看完,并不是说各位前辈们写得不好,而是说实在不容易在一两次阅读中理解透.我在阅读了一些文章后,自己整理总结和绘制了一些相关的图,个人认为会更容易接受和理解,所以分享在此.也因此以下的所有的理解和图解都是出于个人的理解,如果有错误的地方,请各位前辈务必见谅,并辛苦在下方提出和纠错,我实在担心自己不成熟的理论底子会误导了其余的小兄弟. 一开始,先说说为何这个知识点为什么理解起来这么乱个人感觉原因有三: JS内函数即对象. Function对象和Object对象

关于prototype

之前听过课,可是这一块没怎么听懂,最近练了两个例子,又问了问小石同学,朦朦胧胧,感觉还是不太懂,记录点心得最基本的例子 function Box(name,age){ this.name=name; this.age=age; this.run=function(){ return this.age+this.name; } } ); console.log(box.run()); 这个是传了两个参数,如果不传参的话,当然也行 function Box(){ this.name='age';

JavaScript-- 函数既是函数又是对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> /** * 函数既是函数又是对象 * 在控制台console.dir发现函数既有prototype又有__proto__ * prototype是构造函数的 * __proto__是实例对象的 * *

JavaScript的面向对象编程（OOP）（三）——聚合

之前写过了类和原型,这里再说聚合,在写关于聚合之前,对与继承我再总结一下.JavaScript中关于继承的方式一共有三种,之前写了两种,但是没有说明,这里补充说明一下. 1.类式继承:通过在函数对象内调用父类的构造函数,使自身获得父类的属性和方法.主要使用callh和apply回调 var Person = function(){ this.age = 16; this.sayName = function(){ alert(this.name+this.age); } } var studen

闲聊javascript继承和原型

javascript继承已经是被说烂的话题了,我就随便聊一点~ 一.javascript的复制继承 javascript的继承有复制继承和原型继承,基于复制继承用的不太多,而且无法通过instanceof的验证 //拷贝继承,prototype.js的extend=> function extend(destination,source){ for(var property in source) destination[property]=source[properyt]; return des

Js笔记（对象，构造函数，原型，原型链，继承）及一些不熟悉的语法

对象的特性: 1.唯一标识性,即使完全不一样的对象,内存地址也不同,所以他们不相等 2.对象具有状态,同一个对象可能处在不同状态下 3.对象具有行为,即对象的状态可能因为他的行为产生变迁 Js直到es6之前,有对象的概念,但是没有类的概念. 对象的分类: 1.内建对象 - 用Es标准中定义的对象,在任何的Es的实现中都可以使用(比如:Math,String,Number,Boolean,Function...) 2.宿主对象 -用Js运行环境提供的对象,目前来讲主要是指用浏览器提供的对象(BOM

JS三座大山再学习(一、原型和原型链)

原文地址 ## 前言西瓜君之前学习了JS的基础知识与三座大山,但之后工作中没怎么用,印象不太深刻,这次打算再重学一下,打牢基础.冲鸭~~ 原型模式 JS实现继承的方式是通过原型和原型链实现的,JS中没有类(此处指ES5,ES6中加上了class语法糖) 每个函数都有prototype(原型)属性,这个属性是一个指针,指向一个对象,这个对象的用途是包含特定类型的所有实例共享的属性和方法,即这个原型对象是用来给实例共享属性和方法的. 而每个实例内部都有一个指向原型对象的指针(proto). 5个原

JS三座大山再学习 ---- 原型和原型链

本文已发布在西瓜君的个人博客,原文传送门 ## 前言西瓜君之前学习了JS的基础知识与三座大山,但之后工作中没怎么用,印象不太深刻,这次打算再重学一下,打牢基础.冲鸭~~ 原型模式 JS实现继承的方式是通过原型和原型链实现的,JS中没有类(此处指ES5,ES6中加上了class语法糖) 每个函数都有prototype(原型)属性,这个属性是一个指针,指向一个对象,这个对象的用途是包含特定类型的所有实例共享的属性和方法,即这个原型对象是用来给实例共享属性和方法的. 而每个实例内部都有一个指向原型对

前端知识总结--2 js部分

1. JavaScript的『预解释』与『变量提升』先看以下代码输出啥? var a= 1; function f() { console.log(a); var a = 2; } f(); 首先答案是:undefined: JavaScript在浏览器中运行的过程分为两个阶段预解释阶段.执行阶段: 读取var a后,在当前作用域中查找是否有相同声明,如果没有就在当前作用域集合中创建一个名为a的变量,否则忽略此声明继续进行解析: 接下来,V8引擎会处理a = 2的赋值操作,首先会询问当前作用域

JavaScript new对象的四个过程

new 一个对象 function Person(name, age) { this.name = name; this.age = age; } var person = new Person("hellen", 23); 1.创建一个空对象 var obj = new Object(); 2.让Person中的this指向obj,并执行Person的函数体 var result = Person.apply(obj,arguments); 3.设置原型链,将obj的__proto_

JS原型，原型链，类，继承，class，extends，由浅到深

一.构造函数和原型 1.构造函数.静态成员和实例成员在ES6之前,通常用一种称为构造函数的特殊函数来定义对象及其特征,然后用构造函数来创建对象.像其他面向对象的语言一样,将抽象后的属性和方法封装到对象内部. function Person(uname, age) { this.uname = uname; this.age = age; this.say = function() { console.log('我叫' + this.uname + ',今年' + this.age + '岁.'

函数既有prototype又有__proto__

热门专题

函数既有prototype又有proto