http://topmanopensource.iteye.com/blog/382425
很早就知道prototype.js是一个javascript的工具函数库，平时的开发中使用频率也非常的高，但是，由于工作时间问题，一直都没有静下心来研究学习一下，最近又萌发了系统学习prototype.js的念头，刚好手头比较闲，就决定边学习边将学习心得记录下来，以和更多的同仁交流分享。
JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
在Jquery中，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换，如$('#msg')等同于JQuery('#msg')的写法。然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 第一种情况：jquery.js在prototype.js之后进行引入,如：
从结果可以看到定义一个function，它里边所含有的内容这六个属性是每个function所必有的，直接看第五个prototype（注意prototype是一个对象）就是传说中的原型（本文只称它为prototype，也叫显性原型），第六个属性是灰色的并且用尖括号括起来，在以前版本的浏览器它有另外一个名字叫__proto__(也叫隐形原型)。
在js中[[Prototype]]属性最常出现的地方构造函数添加“原型方法”上面了。
这篇文章主要讲一下JS中面向对象以及 __proto__，ptototype和constructor，这几个概念都是相关的，所以一起讲了。
函数对象和数组对象都属于Object对象，Object对象是一个大的范围，而后两者是一个两种特别的对象
一切皆“对象” JS中一切皆“对象” “对象”是属性的集合，而属性又是对象。既然属性又是对象，那么一个对象的属性也可以拥有属性，如： //定义一个函数getName var getName = function(){ return "chaiMaoMao"; } //由于一切皆对象，故getName也为对象，故可以给它添加属性，属性可以是任何类型 getName.value = "lalala"; getName.toString = function(){ //…… } JS中的“对象
概述： 在接触JS的过程中，随着理解的深入会逐渐的理解一些比较深奥的理论或者知识，那么今天我们来介绍一下比较难理解的prototype和constructor。 初步理解： 在说prototype和constructor之前我们先得看几个例子。 function name(obj){ alert(obj)//"uw3c" } name("uw3c") 这是个普通的自调用的例子，大家都能理解，那么看下一个例子： function name(obj){ alert(obj)//"uw3c" }
本文章中所有内容仅供学习交流，敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！
JS使用原型链实现“继承” JS是“基于对象”的语言，因此没有继承。但可以使用JS的特性实现“继承”——原型链。 JS使用_proto_属性构造原型链，如 p._proto_ ——> Perosn.prototype Perosn.prototype._proto_ ——> Object.prototype Person._proto_ ——> Function.prototype Function.prototype._proto_ ——> Object.prototype 若当前对象中
在JavaScript中，每个函数 都有一个prototype属性，当一个函数被用作构造函数来创建实例时，这个函数的prototype属性值会被作为原型赋值给对象实例（也就是设置 实例的__proto__属性），也就是说，所有实例的原型引用的是函数的prototype属性。
要回答这个问题，我们现将视线放到Vue源码中package.json文件中，有这么两行代码：
//这个系列的到目前为止，可能以后一段时间内，都是《JavaScript权威指南》的学习笔记。 （一） 对象 对象是JS的基本数据类型，类似于python的字典。然而对象不仅仅是键值对的映射，除了可以保持自有的属性，JS对象还可以从一个称为原型的对象继承属性，对象的方法通常是继承的属性。（这种对象之间属性的继承，应该就是JS对象和Python字典的主要区别）。还有另一个区别就是，JS对象可以设置属性特性，这里先跳过。 除了字符串、数字、true、false、null和undefined之外，JS的值都是对象
注意：js 中交换原型链，均需要修复prototype.constructor指向问题。
本文章代码运行环境为edge103.0.1264.44 (正式版本) (64 位)
对象是 javascript 基本数据类型。对象是一种复合值： 它将很多值（原始值或者其它对象）聚合在一起，可通过名字访问这些值。
在这篇文章中，我们将讨论原型以及如何在 JS 中使用它们进行继承。我们还将会看到原型方法与基于类的继承有何不同。
状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。
可以说我们的每一次编程,内在都有原型对象来发挥着作用,如果你没有掌握原型对象的含义,那么你的js还没有真正的入门!
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
这一章相对来说是部重头戏，看完之后才发现用了这么久的js，却很少有用真正OO的思想在写js代码……
2.JS中的真真假假 空，null,undefined,false,0,””,'',NaN都为假,其他都为真 3.函数，类，对象，构造器有什么区别? 答:在js中函数，类，对象，构造器可以说是没
两个js冲突很让前端头疼，虽然jquery是通用的，但调用不同经常会出问题。jQuery是目前流行的JS封装包，简化了很多复杂的JS程序，JQuery讲浏览器DOM树定义为$，通过$来获取各个子节
咱们经常听到JS中“一切皆对象”？ 有没有问想过这是什么意思？ 其它语言也有“一切皆对象”之说，如Python。 但是Python中的对象不仅仅是像JS对象这样的存放值和值的容器。 Python中的对象是一个类。 JS中有类似的东西，但JS中的“对象”只是键和值的容器：
在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
js的数据类型主要分为基本类型和引用类型。基本类型包括String、Number、Boolean、undefined、null。引用类型包括Object。
首先，明确一点：js中的对象分为普通对象和函数对象，一般我们自定义的可以被new的函数称作函数对象，另外js内置了譬如：Array、Date、Object、Function、Number、String、Boolean、RegExp、Error等这些函数对象：
之前学习对象的继承的时候遇到了很多对象的属性，这些属性理解起来还是比较费力的，理解了很多遍，也记忆了很多遍，同样的也忘记了很多遍 现在给它做个小整理吧
普通的内置对象与基本包装类型的主要区别就是对象的生命期，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自动创建的基本包装类型的对象，则只是存在于一行代码的执行瞬间，然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
浏览器环境： 是指 JS代码在浏览器中的运行时环境，它包括V8自动构建的对象（即ECMAScript的内容,如Date、Array），浏览器（内置）传递给V8的操作DOM和BOM的对象（如document、navigator）；
其实，效果的话，没有效果，比较枯燥，但是他的JS de 格式写的着实不错，继承，重写一一用到，接下来看代码：
适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。
为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 URL：
虽然在js中没有类，构造函数本质上也只是一个普通函数，new关键字调用一个构造函数来创建一个新对象，也是js在努力模仿面向对象语言中类new对象的实现，这个模仿过程也对开发者造成很大误导，但不能否认的是也降低了理解的门槛，在初期快速上手阶段还是很有帮助的。
在Js中，当试图引用对象的某个属性时，会进行GET操作，第一步会检查对象本身是否拥有这个属性，如果有的话就使用它，否则就会往对象的原型链上查询，一直查到该属性或者到达原型链的最顶端(与作用域类似，作用域查询变量，原形链查询属性)。如下代码：
下面这张图是一位小伙伴面试前端岗位，被问到JavaScript的原型和原型链的知识点，没有答出来，面试结束之后，HR发给他的。我觉得这张图把prototype和__proto__解释的很好，在这里分享给大家，并为大家推导一下整幅图：
通译自：6 Major Features of Node.js 19. Details of Node.js 19 new features… | by Jennifer Fu | Oct, 2022 | Better Programming
在javascript语言中，原型与原型链是一个非常重要的概念，因为它们是javascript语言得以成立的根本。因为javascript是基于原型的面向对象编程语言，这有别于基于类的java、python等面向对象编程语言。虽然javscript现在也有了class，但它骨子里还是个基于原型的语法糖罢了。所以在使用javascript时，始终要记清基于原型，基于原型，基于原型。
从模块外部访问内部成员 1.使用exports exports.js: var myMsg='hello'; var funcname = function () { return 'testMsg'; }; exports.msg = myMsg; exports.funcname = funcname; foo.js: var foo = require('./exports.js'); console.log(foo.msg); console.log(foo.funcname());
Vue.use和Vue.prototype这两种方式引入包。那这两种方式有什么区别，既然困惑，那就本着刨根问底的心态，去了解下这两种方式的不同。
上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
4.9.根据轮播图个数修改小圆点数量 src/js/index.js function Banner() { this.bannerWidth = 798; } Banner.prototype.initBanner = function () { var self = this; this.bannerUL.css({ "width":self.bannerWidth*self.bannerCount }) }; Banner.prototype.ini
上面一段代码，声明第一个函数foo的时候，它就会带一个foo.prototype的属性，这个属性是一个对象属性，用new foo();构造器的方式构造一个新的对象obj。这时候这个obj的原型会指向foo的prototype属性。 对于这个foo函数的原型也会指向Object.prototype,这个Object.prototype也是有原型的，它的原型指向null。
面试题这种东西真的是反人类的设计，我觉得它的最大的作用就是用来打击我的信心。每当我觉得自己js水平还可以，的时候，它就会在不经意间跳出来，给我一耳光。例如这个， var F = function(){}; Object.prototype.a = function(){}; Function.prototype.b = function(){}; var f = new F(); // f能得到a,b吗？啥原因？ 当然了，这种东西也是网上瞎逛来的。最近在讲课，所以技术类的东西会多写一些。 回到这个题，我一
每个实例对象(object)都有一个私有属性(__proto__)指向其构造函数的原型对象(prototype)。该原型对象也有自己的原型对象，层层向上直到一个对象的原型对象为null。根据定义null没有原型，并作为原型链的最后一个环节。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
