注意：js 中交换原型链，均需要修复prototype.constructor指向问题。
函数对象和数组对象都属于Object对象，Object对象是一个大的范围，而后两者是一个两种特别的对象
引用类型包括对象object、数组array、函数function等，统称对象类型：
1.为了能够顺利操作非常多的位数据而又不引起数据丢失，我们可以将这些位划分成表示不同信息的块，在JS中，我们将这些数据块称为值。
https://github.com/zhangyue0503/html5js/blob/master/singlepagewebapplications/spa1.html
在这里汇总一下每次都会忘记或者一直没搞懂的知识点,方便自己以后回来看。大家也可以看看就当做是复习啦~ vue的设计模式: MVVM
1. 什么是JS对象？ 在JS中，对象是一组无序属性的集合。其中，属性可以是基本数据类型、引用类型、函数。如下面这个对象的例子： var chai={ name : "柴毛毛", // 属性为基本数据类型 perosn : { // 属性为引用类型 address : "xxx", sex : "man" }, getName : function () { // 属性为函数 return this.name; } }
虽然在js中没有类，构造函数本质上也只是一个普通函数，new关键字调用一个构造函数来创建一个新对象，也是js在努力模仿面向对象语言中类new对象的实现，这个模仿过程也对开发者造成很大误导，但不能否认的是也降低了理解的门槛，在初期快速上手阶段还是很有帮助的。
每个函数都有一个prototype属性。它默认指向一个Object空对象（即成为：原型对象）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
对象的定义：‘无序属性的集合，其属性可以包含基本值、对象或者函数。’ 严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。所以我们可以把 ES 的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。
2.支持函数式编程（高阶函数、内置的map和reduce）和面向对象编程（对象、继承）的混合编程风格
原型和原型链据说是面试常考的东西（没面试过，不大清楚），对于初学者来说有一定的难度，但是其实它也非常的简单，几个概念理解好了就没什么问题了，我们先从一个例子出发，然后再引出相关的知识点，下面我们先来看一个例子
1.分类： -基本类型 -String:任意字符串 -Number:任意的数字 -boolean: true/false -undefined:未定义 -null:空
1、JS中的每个函数都有prototype属性，指向一个对象。该对象的作用是该函数的所有实例都可以共享该对象的属性和方法。我们称这个对象为原型对象。
ECMAScript 6（以下简称ES6）是 JS 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JS 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。接下来咱们来看看 20 道棘手的面试题，通过做题，顺带提升一下咱们的 JS 的技能。
js这门语言有很多诟病，然而很多被无视的点，构成了js最为美妙的语言特性。这篇文章将带你走进魔术般的引用型数据类型和原型链背后，寻找那些被遗忘的超能力。并且，基于这些超能力，我们将实现功能极其复杂，但可以达到极为绝妙的架构设计。
笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。敬请大家关注！
解析：该题主要考察就是对 js 中的继承是否了解，以及常见的继承的形式有哪些。最常用的继承就是「组合继承」（伪经典继承）和圣杯模式继承。下面附上 js 中这两种继承模式的详细解析。
今年来，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。本文挑选了20道大厂面试题，建议在阅读时，先思考一番，不要直接看解析。尽管，本文所有的答案，都是我在翻阅各种资料，思考并验证之后，才给出的。但因水平有限，本人的答案未必是最优的，如果您有更好的答案，欢迎给我留言。如果有错误，可以在评论区指出。本文篇幅较长，希望小伙伴们能够坚持读完。
事件DOM Event 更多事件请查询h3c htmldom参考手册 event onclick() ：当点击时 onfocus() ：获得焦点时 ；当点击某个区域时触发，如点击输入框 onblur() ：失去焦点时 onmouseover 鼠标经过时,触发 onload事件是当网页加载完后发挥作用；注意如果加载外网的图片也要加载完之后才生效 onsubmit() ：提交事件，点击提交按钮的时候触发 ；阻止提交要return 使用检查表单提交数据是否合法，直接在浏览器内完成，提交到服务器远浪费资源
你可能会经常听到一些人在抱怨 JS 很奇怪，有时甚至是一文不值。 之所以有这种想法，是因为他们不太了解 JS 背后的运作方式。 我也觉得 JS 在某些情况处理方式与其它语言不太一样，但这并不能怪它，它也只是以自己的方式展现给大家而已。
每一个知识点我都会尽可能的讲明白，写一些Demo给你们，就像前面写canvas的时候一样，尽量多写一些有说明性的代码，两个目的，第一个是总结一下，第二个是进行一个记录，也给学习js的过程中比较迷茫的一些提示，这篇文章是属于js中相对中高级的，所以初级的看起来会有一些困难，但是初级的可以直接百度或者看我之前的一些关于js的文章进行学习也是可以的！虽然上面的每一个点都是可以直接单独拿出来写一篇文章的，我也不是没这么计划，只是觉得这样会显的这个知识点好像很难一样，会劝退一部分人，所以就直接一篇文章直接搞定算了，篇幅会比较长，和前面的小程序和canvas一样，因为最近都是写一些总结性质的文章，可能会相对比较繁琐，读的时候可以直接收藏，后面慢慢看！我也会尽量的将每一个模块都分的比较清楚！
-基本类型 -String:任意字符串 -Number:任意的数字 -boolean: true/false -undefined:未定义 -null:空
基本类型(值类型)： Number(数字),String(字符串),Boolean(布尔),Symbol(符号),null(空),undefined(未定义)在内存中占据固定大小，保存在栈内存中
参考书籍 《JavaScript高级语言程序设计》—— Nicholas C.Zakas 《你不知道的JavaScript》 —— KYLE SIMPSON 在JS的面向对象编程中，我们最为关注的是两种行为，一是创建对象，二是类继承 JS创建对象 一.构造函数模式创建对象 第一种创建对象的方式是构造函数模式 如下所示， 将构造函数中的属性和方法赋给一个新对象 /** * description: 构造函数模式创建对象 */ function Type (p) { this.param = p; /
js中创建对象最简单的方法自然是直接new一个Object然后再为其添加属性和方法，例如一下代码：
JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52）
1.在典型的oop的语言中，如java,都存在类的概念，类就是对象的模板，对象就是类的实例。但在js中不存在类的概念，js不是基于类，而是通过构造函数(constructor)和原型链（propotype chains）实现的。但在ES6中引入了类（class）这个概念，作为对象的模板，新的class写法知识让原型对象的写法更加清晰，这里不重点谈这个
沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创建类似沙盒的独立作业环境，在其内部运行的程序并不能对硬盘产生永久性的影响。 举个简单的栗子，其实我们的浏览器，Chrome 中的每一个标签页都是一个沙箱（sandbox）。渲染进程被沙箱（Sandbox）隔离，网页 web 代码内容必须通过 IPC 通道才能与浏览器内核进程通信，通信过程会进行安全的检查。沙箱设计的目的是为了让不可信的代码运行在一定的环境中，从而限制这些代码访问隔离区之外的资源。
上方代码中，我们的sayName方法是写在构造函数 Person 内部的，然后在两个实例中进行了调用。造成的结果是，构造函数每执行一次，就会给每个实例创建一个新的 sayName 方法。也就是说，每个实例的sayName都是唯一的。因此，最后一行代码的打印结果为false。
Javascript于1995年由网景公司的Brendan Eich发明。 最初发明的目的是作为一个简单的网站脚本语言，来作为复杂网站应用java的补充。但由于它与网页结合度很高并且由浏览器内置支持， 所以javascript变得比java在前端更为流行了。 不过 JavaScript 可不仅仅只用于浏览器： Node.js，一个基于Google Chrome V8引擎的独立运行时环境，也越来越流行。 很欢迎来自您的反馈，您可以通过下列方式联系到我： @adambrenecki, 或者 adam@brenecki.id.au.
根据 JavaScript 中的变量类型传递方式，分为基本数据类型和引用数据类型两大类七种。
window是一个全局对象，其实就是相当于那个对象调用这个函数，那么这个函数里面的隐式参数this就是当前调用这个函数的对象
JS 初学者总是对 this 关键字感到困惑，因为与其他现代编程语言相比，JS 中的这this关键字有点棘手。 “this” 一般是表示当前所在的对象，但是事情并没有像它应该的那样发生。JS中的this关键字由函数的调用者决定，谁调用就this就指向哪个。如果找不到调用者，this将指向windows对象。
JSONP 核心原理：script 标签不受同源策略约束，所以可以用来进行跨域请求，优点是兼容性好，但是只能用于 GET 请求；
const 是一个常量只允许声明一次不可修改(和let有快级作用域) let不存在变量提升机制（变量不允许在声明之前使用） let不允许重复声明 在全局作用域中基于let声明的变量不是window的一个属性，和他没关系 typeof 未被声明的变量 =>不是undefined而是报错（暂时性死区） let会形成块级作用域（类似于私有作用域，大部分大括号都会形成块作用域） 解构赋值 “…” 拓展、剩余、展开运算符 ES6中的模板字符串 箭头函数 和普通函数的区别 没有arguments，但是可以基于…arg获取实参集合（结果是一个数组） 没有自己的this，箭头函数中的this是上下文中的this Promise（async/await） class（ES6中创建类的） interator（for of 循环） Map / Set
首先创造空的对象，再让this指向这个对象，通过this.name进行赋值，最终返回this，这其实也是new 一个对象的过程。
本篇文章比较适合 3 年以上的前端工作者，JS 三座大山分别指：原型与原型链，作用域及闭包，异步和单线程。
上一章，讨论的是jQuery对象及其原型上的extend()方法，在源码中，实现了支持开发者自行扩展新方法的功能，但其实jQuery也通过对extend()传入一个对象参数来添加官方扩展方法，这些工具方法都是扩展在jQuery类对象上的，所以调用时的写法要注意。
详细资料可以参考：《JavaScript 有几种类型的值？》《JavaScript 有几种类型的值？能否画一下它们的内存图；》
JS 初学者总是对 this 关键字感到困惑，因为与其他现代编程语言相比，JS 中的这 this关键字有点棘手。“this” 一般是表示当前所在的对象，但是事情并没有像它应该的那样发生。JS中的 this关键字由函数的调用者决定，谁调用就 this就指向哪个。如果找不到调用者， this将指向 windows对象。
行内元素和块元素的区别 概念 块元素：默认独占一行，页面中垂直排列，宽高和内外边距可控 行内元素：默认同行排列，宽高由内容决定 行内元素和块元素举例 块元素：、、、 行内元素：、、、<input> 行内元素和块元素的相互转换 display:inline;将块元素转换为行内元素 display:block;将行内元素转换为块元素 display；inline-blockl;行内块元素，既有block的宽度高度特性，也有inline的同行特性02第二节单利、工厂、构造函数、原型链、call、bind、apply、sort--------------------------------------------------单例模式---------------------------------------------------- var person1={ name:'张三', age:18 }; var person2={ name:'李四', age:19 } 对象数据类型的作用： 把描述同一个事物或的属性和方法放在一个内容空间下，起到了分组的作用，这样不同事物之间的属性即使属性名相同，02扫码添加站长 进交流群领取专属 10元无门槛券手把手带您无忧上云相关资讯JS中的对象-原型JS 中原型和原型链深入理解5 分钟搭建 Node.js 微服务原型用js动手实现区块链（1）基本原型SEO：JS和FLASH有什么作用？热门标签更多标签云服务器ICP备案对象存储即时通信 IM腾讯会议活动推荐运营活动广告关闭领券
、
--------------------------------------------------单例模式---------------------------------------------------- var person1={ name:'张三', age:18 }; var person2={ name:'李四', age:19 } 对象数据类型的作用： 把描述同一个事物或的属性和方法放在一个内容空间下，起到了分组的作用，这样不同事物之间的属性即使属性名相同，
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
