this 相关问题 1： apply、call 、bind有什么作用，什么区别? 在JS中，这三者都是用来改变函数的this对象的指向,相似点： 1.都是用来改变函数的this对象的指向的。 2.
Javascript中的prototype是一个十分重要的概念，但是网上的教程一般分析得比较绕，结果越看越晕，反而变得更加难以理解了。
这几天在掘金上阅读到了一篇关于原型的文章，角度较之前看到的几篇博客都不一样，顿时感觉我对于原型的知识点还没有完全吃透。鉴于本篇文章很可能会进行不定期的修订和拓展，故在此附上更新日志，以简单记录我在学习上的认知更新。
我们会发现 obj已经有几个属性（方法）了。那么问题来了：valueOf/toString/constructor 是怎么来？我们并没有给 obj.valueOf 赋值。
我们可以通过 instanceof 判断某个对象的类型，其内部机制是通过判断对象的原型链中是否能找到类型的 prototype 。
通过构造函数生成的实例化对象，无法共享属性或方法(即每个实例化对象上都有构造函数中的属性和方法)；造成了一定的资源浪费 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
这篇文章主要讲一下JS中面向对象以及 __proto__，ptototype和constructor，这几个概念都是相关的，所以一起讲了。
当谈到继承时，JavaScript 只有一种结构：对象。每个实例对象（object）都有一个私有属性（称之为 __proto__）指向它的构造函数的原型对象（prototype）。该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。
注意：js 中交换原型链，均需要修复prototype.constructor指向问题。
直至 ES6，JavaScript 终于有了“类”的概念，它简化了之前直接操作原型的语法，也是我最喜欢的新特性之一，但此类非彼类，它不同于熟知的如 Java 中的类，它本质上只是一颗语法糖。
在 map 上的 key 和 map 构成了强引用，是一种危险操作。 被弱引用的对象可以在任何时候被回收，对于强引用，只要这个强引用还在，那么对象无法被回收。
创建函数 Foo 的时候，就会有一个内置的 Foo.prototype 属性，并且这个属性是对象。
估计这个api能覆盖大多数的应用场景，没错，谈到深拷贝，我第一个想到的也是它。但是实际上，对于某些严格的场景来说，这个方法是有巨大的坑的。问题如下：
Object.create(xxx)：创建一个空对象，并且让把xxx作为创建对象的原型（空对象.__proto __ = xxx），xxx必须是对象或者null，如果xxx是null，则创建一个没有任何原型指向的空对象
javascript使用的是原型式继承，我们可以通过原型的特性实现类的继承， es6为我们提供了像面向对象继承一样的语法糖。
创建一个对象类型，需要创建一个指定其名称和属性的函数；对象的属性可以指向其他对象，看下面的例子： 当代码 new Foo(...) 执行时，会发生以下事情：
在JavaScript中，每个函数 都有一个prototype属性，当一个函数被用作构造函数来创建实例时，这个函数的prototype属性值会被作为原型赋值给对象实例（也就是设置 实例的__proto__属性），也就是说，所有实例的原型引用的是函数的prototype属性。
本文的目的是让大家理解什么情况下把函数的方法写在JavaScript的构造函数上,什么时候把方法写在函数的prototype属性上;以及这样做的好处.
前言 将babel捧作前端一个划时代的工具一定也不为过，它的出现让许多程序员幸福地用上了es6新语法。但你就这么放心地让babel跑在外网？反正我是不放心，我就曾经过被坑过，于是萌生了研究babel代
相比其他语言（如Java、python等传统OOP语言），JavaScript的机制和类完全不同。
Cookie Hook 用于定位 Cookie 中关键参数生成位置，以下代码演示了当 Cookie 中匹配到了 v 关键字， 则插入断点
闭包和原型 prototype 工厂函数 function user(name){ var newUser = {}; newUser.name = name; return newUser; } 复制代码 构造函数 //使用new的是 构造函数 function User(name,age,gender){ this.name = name ; this.age = age ; this.gender = gender ; } var whh = new
原型和原型链在面试中历来备受重视，经常被提及。说难可能也不太难，但要真正完全理解，吃透它，还是要多下功夫的。
本文主要总结了 2021 年前端提前批和秋招所考察的手写题，题目来源于牛客网前端面经区，统计时间自 3 月初至 10 月底，面经来源于阿里、腾讯、百度、字节、美团、京东、快手、拼多多等 15 家公司，并做了简单的频次划分。
记录工作和学习中的一些可能会被面试问到的JS内部实现基础，由于笔者水平有限，提供出的答案不一定准确，但是原理尽可能会讲清楚，以后会进行逐步添加。 bind实现 bind实现其实是内部调用apply或者call来实现对象的this绑定，具体实现可以参考如下： var o = { a: 1, b: 2, print: function() { console.log(this.a); console.log(arguments); } }; va
在前端这块领域，原型与原型链是每一个前端er必须掌握的概念。我们多次在面试或者一些技术博客里面看见这个概念。由此可见，这个玩意对于前端来说有多重要。其实它本身理解起来不难，但是很多刚入行前端的同学，看到prototype、__proto__理解起来还是有点吃力，然后脑子里面就乱成一锅粥，就像我一样。但是这是很正常的事情，没什么大不了的，就像我们想要学会跑步，那么我们就必须先学会走路。任何事情都是有个过程的。所以现在就跟我一起来攻克这个难点吧。通过这篇文章你将掌握以下知识点:
首先给出结论，JavaScript 的本身是支持面向对象的，它本身具备着强大灵活的 OOP 语言能力。但是对于使用过基于类的语言 (如 Java 或 C++) 的开发人员来说，JavaScript 确实有点令人困惑，因为它是动态的，并且本身不提供一个 class 实现。虽然在 ES6 中引入了 class 关键字，但它只是一个语法糖，本质还是基于JavaScript 的原型来实现的。
ES6 已经不必在过多介绍，在 ES6 之前，装饰器可能并没有那么重要，因为你只需要加一层 wrapper 就好了，但是现在，由于语法糖 class 的出现，当我们想要去在多个类之间共享或者扩展一些方法的时候，代码会变得错综复杂，难以维护，而这，也正式我们 Decorator 的用武之地。
1.利用原生 js 撸一个简单的 class; 2.根据上面的用法知道 class 必须通过 new 调用,不能直接调用;
对象的继承：A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。
Object.getPrototypeOf：用来获取某个实例对象的原型（内部[[prototype]]属性的值，包含proto属性）
大部分网站都会对关键参数进行加密，JS 逆向时，我们首要任务是定位参数具体的加密逻辑。
头条前端实习面试 作者：offer-hunter 链接：https://www.nowcoder.com/discuss/155934?type=2&order=3&pos=11&page=1 来源：
单例模式 (Singleton) 的实现在于保证一个特定类只有一个实例，第二次使用同一个类创建新对象的时候，应该得到与第一次创建对象完全相同的对象。 当创建一个新对象时，实际上没有其他对象与其类似，因为新对象已经是单例了 {a:1} === {a:1} // false 。
1.函数声明有预解析,而且函数声明的优先级高于变量; 2.使用Function构造函数定义函数的方式是一个函数表达式,这种方式会导致解析两次代码，影响性能。第一次解析常规的JavaScript代码，第二次解析传入构造函数的字符串
装饰器是最新的 ECMA 中的一个提案，是一种与类（class）相关的语法，用来注释或修改类和类方法。装饰器在 Python 和 Java 等语言中也被大量使用。装饰器是实现 AOP（面向切面）编程的一种重要方式。
每个实例对象(object)都有一个私有属性(__proto__)指向其构造函数的原型对象(prototype)。该原型对象也有自己的原型对象，层层向上直到一个对象的原型对象为null。根据定义null没有原型，并作为原型链的最后一个环节。
http://es6.ruanyifeng.com/#docs/class class Person { constructor{ //构造函数，里边放不被继承的私有属性和方法 this.property1 = '第一个私有属性'; //属性结尾用分号 } //不写在constructor里边的属性和方法都是写在了prototype原型上： Func1() { } Fun2() { //多个方法之间不用逗号隔开，加了逗号反而是错的 } } class PersonCild e
这是 学习源码整体架构系列第三篇。整体架构这词语好像有点大，姑且就算是源码整体结构吧，主要就是学习是代码整体结构，不深究其他不是主线的具体函数的实现。文章学习的是打包整合后的代码，不是实际仓库中的拆分的代码。
面试是个漫长的过程，从海投到收获电话面试，一面、二面、三面，一个步骤出错那么后面就宣告终结。同时，面试过程中你也可能会遇到一些面试官的刁难，甚至部分面试官会说些比较打击你的话，但是大部分面试官都是很棒的！
这些模式已经出现了相当长的一段时间，并被证明在许多情况下都非常有用。这也是为什么需要自己熟悉并谈论这些模式的原因。
https://juejin.cn/post/6963167124881670152
最近回顾 js 继承的时候，发现还是对一些概念不是很清晰。这里再梳理一下 JS 中继承的几种主要的方式，构造函数继承、原型链继承、组合继承以及原型式继承、寄生式继承、寄生组合式继承和 ES6 的 Class：
说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
