也可以看看这篇文章周大侠啊 进击的 JavaScript（六） 之 this先了解一下`this的四种绑定规则和箭头函数的this绑定
1994年，网景公司（Netscape）发布了Navigator浏览器0.9版，但是刚开始的Js没有继承机制，更别提像同时期兴盛的C++和Java这样拥有面向对象的概念。在实际的开发过程中，工程师们发现没有继承机制很难解决一些问题，必须有一种机制能将所有的对象关联起来。
完整高频题库仓库地址：https://github.com/hzfe/awesome-interview
之前一直没完全弄清楚js原型链和继承，有时候是自己的理解，有时候靠死记；最近要回头看看js的基础，顺便记录一些内容。摘抄于阮一峰大神；如果想好好复习一下js基础内容，戳这里https://wangdoc.com/javascrip…
JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
原型和原型链，一直是 JavaScript 中的重要概念，也是面试官必问的知识点，或许有的同学认为，自己虽然没有很深入了解过原型和原型链，但并不影响自己日常的开发工作，其实在我们日常开发工作中，很多的工具和框架已经做到了开箱即用的程度，不需要我们了解其原理就立即上手并投入生产当中，但这些工作换个人其实也能做，我们需要做的是，把自己修炼成独一无二、无可替代的那一个，这区别就在于“懂”和“用”之间的努力了。
上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
Java和JavaScript都是面向对象的语言，但二者的继承方式截然不同。前者采用类式继承（classical inheritence），也是大多数面向对象语言的继承方式。而后者采用原型式继承（prototype ineritence），因此称JavaScript为基于对象更加合适。
在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。
WeakMap只能以复杂数据类型作为key，并且key值是弱引用，对于垃圾回收更加友好。
我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。
通过构造函数生成的实例化对象，无法共享属性或方法(即每个实例化对象上都有构造函数中的属性和方法)；造成了一定的资源浪费 1 function Obj(name,age){ 2 this.name=name; 3 this.age=age; 4 this.func=function(){ 5 return 'this is a test function'; 6 }; 7 } 8 var o1=new Obj('小明',10); 9 var o
讲原型和原型链，如果是讲定义，那很是晦涩难懂，今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。
该项目讲的是满足你所有开发需求的简短代码段，里面都是些经常会用到而且是非常经典的代码，非常值得学习！
对象(Object)应该算是js中最为重要的部分，也是js中非常难懂晦涩的一部分。更是面试以及框架设计中各出没。写这篇文章，主要参考与JavaScript红宝书（JavaScript高级程序设计 第六章章节）以及各大博主博客。 原文地址:https://github.com/Nealyang/YOU-SHOULD-KNOW-JS
通过运行代码可以看出null和undefined是相等的，但是当他们做全等比较时，又不等。原因是什么呢？我们再来看下他们的类型：
我们在面试的时候，经常会被面试官问到几个手写代码的问题。手写一个数组去重复，深拷贝，数组拍平等等。有些小伙伴面试之前准备了，但是在编写的时候还是会忘掉，本文总结了一个如何应对手写代码的大纲，前面是一些基础内容，但是也希望能帮助到你，都会就当复习一遍，嘿嘿。
上篇文章因篇幅原因还有一些es6的面试题没有写完，这边文章就时间委托、预获取、和es6等一些面试题进行讲解记录。
1.根据一份文档，或者自己的一个想法，然后从前端开始一直做（可以连后端都做了），遇到问题独立解决；
它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。
SuperType 和SubType。每个类型分别有一个属性和一个方法。它们的主要区别是：
在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
函数对象和数组对象都属于Object对象，Object对象是一个大的范围，而后两者是一个两种特别的对象
“函数”是我们在学习js中最常见的对象，每个实例化的对象都有一个私有属性（ __proto__ ）指向它的构造函数的原型对象（prototype ），每个原型都有一个自己的原型对象，基本上所有的对象最后的原型链都是Object的实例。
上面一段代码，声明第一个函数foo的时候，它就会带一个foo.prototype的属性，这个属性是一个对象属性，用new foo();构造器的方式构造一个新的对象obj。这时候这个obj的原型会指向foo的prototype属性。 对于这个foo函数的原型也会指向Object.prototype,这个Object.prototype也是有原型的，它的原型指向null。
普通的内置对象与基本包装类型的主要区别就是对象的生命期，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自动创建的基本包装类型的对象，则只是存在于一行代码的执行瞬间，然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
最近刚把Js高级程序设计看了一遍，仔细的读了其中的第6章的第6.3节-继承。今天写出来跟大家分享一下，顺便也加深一下自己的理解。
在js中万物皆对象，对象可以说是重中之重了。每一个对象都拥有自己的属性。但是在这个世界中有很多东西都是相似的，可以归为一类，他们有共同的方法和属性。不可能让每一个对象都定义一个属性吧。那样太消耗内存了。所以，在js中怎么才能让多个对象共享一个或多个方法呢？原型的出现就是为了解决这个问题。
JS使用原型链实现“继承” JS是“基于对象”的语言，因此没有继承。但可以使用JS的特性实现“继承”——原型链。 JS使用_proto_属性构造原型链，如 p._proto_ ——> Perosn.prototype Perosn.prototype._proto_ ——> Object.prototype Person._proto_ ——> Function.prototype Function.prototype._proto_ ——> Object.prototype 若当前对象中
近日发现有挺多人对对象基础API不熟悉，举个开发中常见的需求，经常会有类似的封装http到原型Vue.prototype，一般人是这样封装的，但容易被篡改。
第一行代码声明了一个名为 Person 的函数，第二行代码，根据上面的构造函数定义，那么函数 Person 可以称作一个构造函数
在Js中，当试图引用对象的某个属性时，会进行GET操作，第一步会检查对象本身是否拥有这个属性，如果有的话就使用它，否则就会往对象的原型链上查询，一直查到该属性或者到达原型链的最顶端(与作用域类似，作用域查询变量，原形链查询属性)。如下代码：
原型链是javascript非常重要的基础知识。最近在阅读node.js，发现许多代码乍一看会觉得很费解，但细细品味之后会觉得非常优雅，对于代码细节的把控和性能的考量让人觉得赞叹。不得不说看大师级的作品真的是一种享受。本篇中我将以cluster模块中子进程管理对象Worker类的实现为例，带你一起看看堪称艺术的代码是如何像手术一样操作原型链，同时理解本节的知识点对于下一篇cluster模块的学习压力。
前两天，做了一道CTF题目，遇到了js原型链污染。 js原型，我的理解，类似于java中的静态属性。
如果定义了一个函数,能够通过传入的不同参数进行不同的操作,那最好写成一个对象,通过不同的参数,去调用这个对象的对应方法,如下(不要使用switch哈
js 作为一种动态语言，他的强大之处已经不用我来废话了，那么如果要学习js，你可以学习一些基础入门的简单的，也就是我们常用的一些操作数组啊、格式转化啊等，这些为什么简单呢？其实本质不是它多简单，是它的实用性有多强，我们在写项目的时候很多的时候用到的知识点我们认为是很简单的，原因是是因为我们用了，所以觉得简单，它的简单与否和它本身的难度是没有必然关系的，所以说这么多的意思呢就是今天要说的原型链其实不是很难，只是我们觉得它比较难，原因很简单，我们切实感受到他的存在的时候不多。那么今天我们就简单的会会这个js里面最无聊的部分，原型链。
JavaScript中的对象有一个特殊的[[prototype]]内置属性，其实就是对于其他对象的引用。几乎所有的对象在创建时[[prototype]]属性都会被默认赋予一个空的值。
每个实例对象(object)都有一个私有属性(__proto__)指向其构造函数的原型对象(prototype)。该原型对象也有自己的原型对象，层层向上直到一个对象的原型对象为null。根据定义null没有原型，并作为原型链的最后一个环节。
js的数据类型主要分为基本类型和引用类型。基本类型包括String、Number、Boolean、undefined、null。引用类型包括Object。
查看发现是一个叫“原型链污染”（Prototype chain pollution）的漏洞，还好这只是 dev 依赖，当前功能下几乎没什么影响，其修复方式可以通过升级包版本即可。
在上面的例子中 o1 o2 o3 为普通对象， f1 f2 f3 为函数对象。 怎么区分，其实很简单，凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象。 f1,f2,归根结底都是通过 new Function()的方式进行创建的。
由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现
在javascript语言中，原型与原型链是一个非常重要的概念，因为它们是javascript语言得以成立的根本。因为javascript是基于原型的面向对象编程语言，这有别于基于类的java、python等面向对象编程语言。虽然javscript现在也有了class，但它骨子里还是个基于原型的语法糖罢了。所以在使用javascript时，始终要记清基于原型，基于原型，基于原型。
网上有太多关于原型的资料，不是一上来就各种概念，让人看到摸不着头脑，就是贴各种代码，少个通俗的解释，所以才有了这一篇文章。
01-面向对象三大特征（封装、继承、多态） a.封装：将某个具体功能封装在对象中，只对外部暴露指定的接口，外界在使用的时候，只考虑接口怎么用，不用考虑内部怎么实现（前面学习的api其实就是一种封装思想） b.继承：一个对象拥有其他对象的属性和方法 c.多态：一个对象在不同情况下的多种状态 1.1-多态(js中了解即可) <script> /*多态(JS中了解即可,使用不多)：一个对象在不同情况的多种状态 饲养员对象Person ： 给动物对象喂养
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
