第一行代码声明了一个名为 Person 的函数，第二行代码，根据上面的构造函数定义，那么函数 Person 可以称作一个构造函数
但为了确保文件内容只含有标准的 JavaScript 代码，.js文件按照 ES 语法规范来检查，因而不允许出现 TypeScript 类型标注：
首先需要理解，JavaScript 中的构造函数跟 Java 中的构造函数性质是不一样的。js 不是基于 class 这种静态类模式，而是基于原型对象的模式。
面向对象和面向过程的思想有着本质上的区别，作为面向对象的思维来说，当你拿到一个问题时，你分析这个问题不再是第一步先做什么，第二步再做什么，这是面向过程的思维，你应该分析这个问题里面有哪些类和对象，这是第一点，然后再分析这些类和对象应该具有哪些属性和方法。这是第二点。最后分析类和类之间具体有什么关系，这是第三点。
参考书籍 《JavaScript高级语言程序设计》—— Nicholas C.Zakas 《你不知道的JavaScript》 —— KYLE SIMPSON 在JS的面向对象编程中，我们最为关注的是两种行为，一是创建对象，二是类继承 JS创建对象 一.构造函数模式创建对象 第一种创建对象的方式是构造函数模式 如下所示， 将构造函数中的属性和方法赋给一个新对象 /** * description: 构造函数模式创建对象 */ function Type (p) { this.param = p; /
当我们对函数进行实例化时，需要用new操作符来实现。那么，对于它的底层实现原理你是否清楚呢？本文就跟大家分享下它的原理并用一个函数来模拟实现它，欢迎各位感兴趣的开发者阅读本文。
学习Javascript人，大多听说一句话叫js里面一切都是对象。我刚开始接触javascript面向对象编程时候，挺乱的，我当时习惯性的把PHP的面像对象思想套用在js上面，其实js的面向对象与传统的面向对象还是有很多区别的。这里就不再去讲解基础的面向对象是什么了，看这篇文章就默认大家都知道面向对象的概念。 首先，在目前的js版本中，依然没有引入class这个关键词，js里面没有类的概念，其他语言在实例化一个对象的时候，都是使用new 类名来得到实例，而js由于没有class,因此它的面向对象也可以理
解读: 上图中,Object,Function,Array,Boolean都是构造函数
JS第一天: 作用域: 全局 局部: 块级 函数 …. 作用域链 JS垃圾回收机制GC, 内存分配, 内存使用, 内存回收 全局作用域浏览器关了才回收, 函数作用域执行完后才回收 闭包 内部函数+外部函数的变量 变量和函数的提升 函数的动态参数和剩余参数–展开表达式 箭头函数: this指向上一个作用域的this 数组解构, 多维数组 对象解构, 多维对象 forEach: 循环遍历数组对象 filter数组筛选: 会返回一个新数组 价格筛选案例 王者荣耀筛选英雄案例 JS第二天: 创建对象的三种方式: 1
ECMAScript 6（以下简称ES6）是 JS 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JS 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。接下来咱们来看看 20 道棘手的面试题，通过做题，顺带提升一下咱们的 JS 的技能。
课程地址：https://www.imooc.com/learn/763 1、初识 2、优势 3、compiler 线上编译器： 本地编译器 npm install -g typescript
1、函数是一个可以多次使用的功能代码块，一个封闭的（空间），它可以在代码里随意调用。利用函数的封装可以减少重复代码的开发，提高代码的利用率。函数可以传参，利用函数内预先定义的内容对传入的不同数据参数进行处理。
对象是 javascript 基本数据类型。对象是一种复合值： 它将很多值（原始值或者其它对象）聚合在一起，可通过名字访问这些值。
一个基于 Promise 来管理 http 请求的简洁、易用且高效的代码封装库。通俗一点来讲，它是一个前端替代Ajax的一个东西，可以使用它发起http请求接口功能，它是基于Promise的，相比于Ajax的回调函数能够更好的管理异步操作。
一度以为在javascript的世界里，所有方法都是公有的，无法真正从技术上定义一个私有方法，今天又一次发现：其实我错了! var Person = function(name,sex){ this.name = name; this.sex = sex; var _privateVariable = "";//私有变量 //构造器中定义的方法，即为私有方法 function privateMethod(){ _privateVariable = "private value";
这个Range类中定义了一个接受两个参数的构造函数，和includes、foreach、toString三个实例方法，以及ZERO一个静态类方法。
在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
普通的内置对象与基本包装类型的主要区别就是对象的生命期，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自动创建的基本包装类型的对象，则只是存在于一行代码的执行瞬间，然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
这是JS 原生方法原理探究系列的第三篇文章。本文会介绍如何模拟实现 new 操作符。关于 new 的具体用法，MDN 已经描述得很清楚了，这里我们只做简单的介绍，具体的重点在于如何模拟实现。
原型模式(Prototype pattern)，用原型实例指向创建对象的类，使用于创建新的对象的类的共享原型的属性与方法。
前面已经提到，JS中创建对象的方法。不难发现，主要的创建方法中，创建一个对象还算简单，假设创建多个类似的对象的话就会产生大量反复的代码。
ECMAScript 有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript 没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。
由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现
从前在Javascript王国里有一个国王，他觉得世界上最美妙的声音就是鸭子的叫声，于是国王召集大臣，要组建一个1000只鸭子组成的合唱团。大臣们找遍了全国终于找到999只鸭子，但是始终还差一只，最后大臣发现一直特别的鸡，它的叫声跟鸭子一模一样，于是这只鸡就成为了合唱团的最后一员。
提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完)
关于this，之前说过，this的指向取决于函数调用位置而非函数定义位置。谁调用函数，则函数上下文中的this就指向谁。
这一章相对来说是部重头戏，看完之后才发现用了这么久的js，却很少有用真正OO的思想在写js代码……
使用class继承非常简单。子类使用extends关键字表明继承于哪个类，并在子类中调用super(),这相当于使用call()改变this的指向。
Tornado模板引擎一直有一个坑，有时候你可能觉得并不影响正常使用，但强迫症就是受不了：模板会去掉每行前后的空格。
在变量未声明前对变量进行操作会报错，就是因为存在暂时性死区。只有在变量声明后才可对变量进行操作。
也可以看看这篇文章周大侠啊 进击的 JavaScript（六） 之 this先了解一下`this的四种绑定规则和箭头函数的this绑定
网上各种言论说 React 上手比 Vue 难，可能难就难不能深刻理解 JSX，或者对 ES6 的一些特性理解得不够深刻，导致觉得有些点难以理解，然后说 React 比较难上手，还反人类啥的，所以我打算写两篇文章来讲新手学习 React 的时候容易迷惑的点写出来，如果你还以其他的对于学习 React 很迷惑的点，可以在留言区里给我留言。
本文翻译自 https://alligator.io/js/objects-prototypes-classes/ ，图片来自 www.digitalocean.com，内容以意译为主，欢迎交流。
本文一是在为测试过程中遇到json返回格式时提供测试思路，二是几乎所有国内的资料都混淆了json和jsonp的区别——这是两种技术；以及json和jsonp hijacking的区别——这是两个漏洞，这里做个解释。
注意点 ES6新增 symbol 类型，不可以使用 new Symbol()，因为 symbol 是基本数据类型，每个从Symbol()返回的 symbol 值都是唯一的。
最近学习了js的面向对象编程,原型和原型链这块是个难点,理解的不是很透彻,这里搜集了一些这方面的资料,以备复习所用 一. 原型与构造函数 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数，我们讲的更多是构造函数的原型，但是也不能否定普通函数也有原型。譬如普通函数： function F(){ ; } alert(F.prototype instanceof Object) //true 构造函数，也即构造对象。首先了解下通过
“关注 前端开发社区 ，回复“ 1” 即可加入 前端技术交流群，回复 “ 2” 即可免费领取500G前端干货！
上述代码中foo()不带任何修饰函数引用进行调用的，因此只能使用默认绑定，无法应用其他规则。 像这种独立函数调用是最常见的方式。值得一提的是在严格模式下，全局对象无法使用默认绑定，this绑定的是undefined。
JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明
注意：js 中交换原型链，均需要修复prototype.constructor指向问题。
❗️ ❗️ ❗️本篇系将带来JavaScript中的构造——原型——原型链——继承——ES6类语法系列知识完整讲解。 ❗️ ❗️ ❗️ ❕上篇涉及：构造——原型——原型链 ❕下篇涉及：继承——ES6类语法
在这里汇总一下每次都会忘记或者一直没搞懂的知识点,方便自己以后回来看。大家也可以看看就当做是复习啦~ vue的设计模式: MVVM
JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
