在上一篇文章中JavaScript中AMD和ES6模块的导入导出对比，偏向于理论层面，还有一些同学在微信群里或是私下里针对一些问题进行了沟通，所以有了这一篇文章，对js的导入导出进行总结和实践
对我们程序员来说，声明变量、进行初始化和赋值几乎是每天都在做的一件事情。不过，这些操作本质上做了什么事情呢？JavaScript 是如何在内部对这些进行处理的？更重要的是，了解 JavaScript 的底层细节对我们程序员有什么好处？
本系列文章针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。
关于原型在JavaScript 进阶教程(1)--面向对象编程这篇文章已经讲过了，今天简单来复习一下。
https://cnodejs.org/topic/5231a630101e574521e45ef8
this是一个比较迷惑人的东西，尽管你对this有很多的了解，但是面试题里面考察this指向，总会让你有种猜谜的感觉，知道一些，但是还是会出错，或许你猜对了，但是又好像解释不太清楚。
与其它语言当中的this不同的是，我们JS当中的this总是指向一个对象。而具体是指向哪一个对象，则要看其运行时是基于哪一个函数的执行环境所动态绑定的。
一、vue通过$refs获取到dom对象（获得dom对象改变里面的内容） 模板： <button @click="getdata">获取dom对象</button> 这是一个div js： methods: { getdata: function() { //在这个方法中通过vue形式获取到div的对象，比js和jq都方便 console.log(this.$refs.mydiv); //改变div
导语 日常工作开发中，赋值、拷贝是每天都在做的事情，可是有一些拷贝的改变会同时改变原有元素的内容，本次分享主要从拷贝前和拷贝后的数据对比来进行交流探讨～ 背景 如上，一个简单的赋值和修改，引起了原有元素内容的改变。这种情况是否也会在你的项目中出现？如果没出现的，我来分享下，避免后续再有此情况发生。下面就 针对在什么情况下赋值会改变原有对象的值进行进一步说明。首先带你了解下数据类型和基础概念。 JS数据类型 JS数据类型分为：基本数据类型和对象数据类型。 基本数据类型：直接存储在栈(stack)中
在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。
2、引用类型传递可以通过改变形参而改变实参。只要任何一个变量指向同一个空间，那么该变量都可以去操作该空间的值。
箭头函数是ES6的API，相信很多人都知道，因为其语法上相对于普通函数更简洁，深受大家的喜爱。就是这种我们日常开发中一直在使用的API，大部分同学却对它的了解程度还是不够深...
关于JavaScript如何将值传递给函数，在互联网上有很多误解和争论。大致认为，参数为原始数据类时使用按值传递，参数为数组、对象和函数等数据类型使用引用传递。
js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了js中this的常见用法，喜欢的可以看看：
这些数据是直接存在栈空间中的，基本数据类型是按值访问的，就是说我们可以操作保存在变量中的实际的值。
require 用来加载代码，而 exports 和 module.exports 则用来导出代码。但很多新手可能会迷惑于 exports 和 module.exports 的区别，为了更好的理解 exports 和 module.exports 的关系，我们先来巩固下 js 的基础。示例： test.js var a = {name: 1}; var b = a; console.log(a); console.log(b); b.name = 2; console.log(a); console.log
函数中this指向对于一些开发者来说一直是一个比较头疼的问题，this在js中比较灵活，不同的情况指向不同，小shy总结出了函数调用的this指向的一些情况，供大家参考。
JS会在创建变量时自动分配内存，在不使用的时候会自动周期性的释放内存，释放的过程就叫 “垃圾回收”。
一般我们说到JS的数据类型指的是它的原始(Primitive types)数据类型(共有6种)：
不可变性、纯函数、副作用，状态可变这些单词我们几乎每天都会见到，但我们几乎不知道他们是如何工作的，以及他们是什么，他们为软件开发带来了什么好处。
每一个知识点我都会尽可能的讲明白，写一些Demo给你们，就像前面写canvas的时候一样，尽量多写一些有说明性的代码，两个目的，第一个是总结一下，第二个是进行一个记录，也给学习js的过程中比较迷茫的一些提示，这篇文章是属于js中相对中高级的，所以初级的看起来会有一些困难，但是初级的可以直接百度或者看我之前的一些关于js的文章进行学习也是可以的！虽然上面的每一个点都是可以直接单独拿出来写一篇文章的，我也不是没这么计划，只是觉得这样会显的这个知识点好像很难一样，会劝退一部分人，所以就直接一篇文章直接搞定算了，篇幅会比较长，和前面的小程序和canvas一样，因为最近都是写一些总结性质的文章，可能会相对比较繁琐，读的时候可以直接收藏，后面慢慢看！我也会尽量的将每一个模块都分的比较清楚！
在讨论require和import的区别之前，我们首先要了解的是，es6module的代码最终都会被打包工具转化为require才能实行，关于这俩的区别网上有大把的文章，但是都不是很系统，小编这里整合了一下，总结了一下这两者区别，require遵循的是commonjs规范，import遵循的是es6module规则。
在components文件夹下，创建函数组件hello.js，类组件home.js,
在js中[[Prototype]]属性最常出现的地方构造函数添加“原型方法”上面了。
解释：a 是一个对象，b 是对 a 的引用，即 a 和 b 指向同一块内存，所以前两个输出一样。当对 b 作修改时，即 a 和 b 指向同一块内存地址的内容发生了改变，所以 a 也会体现出来，所以第三四个输出一样。当 b 被覆盖时，b 指向了一块新的内存，a 还是指向原来的内存，所以最后两个输出不一样。
上述代码的number = (number++, x);其实就相当于number++而已。
this 关键字在大部分语言中都是一个重要的存在，JS中自然不例外，其表达的意义丰富多样甚至有些复杂，深刻理解this是学习JS、面向对象编程非常重要的一环。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/67642677
js 作为一种动态语言，他的强大之处已经不用我来废话了，那么如果要学习js，你可以学习一些基础入门的简单的，也就是我们常用的一些操作数组啊、格式转化啊等，这些为什么简单呢？其实本质不是它多简单，是它的实用性有多强，我们在写项目的时候很多的时候用到的知识点我们认为是很简单的，原因是是因为我们用了，所以觉得简单，它的简单与否和它本身的难度是没有必然关系的，所以说这么多的意思呢就是今天要说的原型链其实不是很难，只是我们觉得它比较难，原因很简单，我们切实感受到他的存在的时候不多。那么今天我们就简单的会会这个js里面最无聊的部分，原型链。
js中的this指向 首先，js中的this指向是根据运行时确定的，而非定义时。 js中的this指向大致分为如下几种： 作为对象的方法调用 作为普通函数调用 构造调用 call、apply调用 作为对象的方法调用 var obj = { a: 1, getA: function(){ alert ( this === obj ); // true alert ( this.a ); // 1 } }; obj.getA(); 作为普通函数调用（浏览器环境） window.nam
本文由图雀社区认证作者 婧婧 写作而成，点击阅读原文查看作者的掘金链接，感谢作者的优质输出，让我们的技术世界变得更加美好? 欢迎阅读阿里浩兄弟作品，头条刚的《你不知道的 Event Loop》： 《你
有关 JS 中的 this、call、apply 和 bind 的概念网络上已经有很多文章讲解了 这篇文章目的是梳理一下这几个概念的知识点以及阐述如何用原生 JS 去实现这几个功能
这篇文章主要讲一下JS中面向对象以及 __proto__，ptototype和constructor，这几个概念都是相关的，所以一起讲了。
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
文章目录 一、JavaScript基础篇 1、JavaScript 有几种数据类型 2、怎么进行数据类型检测 3、 get 请求传参长度的误区 4、如何让事件先冒泡后捕获 5、说一下事件委托？ 6、说一下图片的懒加载和预加载？ 7、mouseover 和 mouseenter 的区别？ 8、JS 的 new 操作符做了哪些事情？ 9、改变函数内部 this 指针的指向函数（bind，apply，call 的区别） 10、箭头函数中this 指向举例？ 11、数组常用方法有哪些？ 12、说说数组去重？ 13
script标签内的type不是text/javascript，就不会当做js代码执行，这时候script就是一个普通的节点，但它又不会像html标签那些显示在页面上！
使用this指向当前组件的三种方法：分别是在模板里，在构造函数里，在构造函数里改变，推荐第三种，箭头函数。
收集时间：2016.4.18~2016.4.22 温馨提示：小编从大家的问题当中提取了几个比较经典的问题与大家一起分享。 JavaScript 如何获取上传图片的路径？ 2016.4.18~2016.4.22 核心概念 本地图片与服务器图片路径 参考答案 1 可以利用后台语言PHP来获取图片路径，PHP当中通过$_FILES这个全局变量进行文件相关信息的获取，使用$_FILES["file"]["name"]获取文件的名字；如果想具体了解PHP文件上传操作可以在HTML5学堂官网搜索“文件上传”； 2 如果
根据 JavaScript 中的变量类型传递方式，分为基本数据类型和引用数据类型两大类七种。
其实，学习本身是违反天性的。身边很多同学都有“学习焦虑症”，似乎不学习就会被同龄人超越，被时代抛弃，但他们都不愿意经历学习的痛苦，却都想要享受学习的成果。
面试的时候我们经常会被问答js的数据类型。大部分情况我们会这样回答包括： 基本类型（值类型或者原始类型）： Number、Boolean、String、NULL、Undefined以及ES6的Symb
ECMAScript标准+ webAPI 那么我们今天要一起学习的就是ECMASciript中的-Object，他实际上是一个es的语言标准
js红皮书中文版中（P66）说：“ECMAScript中的所有参数传递的都是值，不可能通过引用传递参数”，然众所周知，js中有object数据类型，虽然其他高级语言函数参数传递分为值传递和引用传递，但是js中object作为参数是以值传递的（P71）。
背景 最近在涉猎 【React】 前端框架知识时; 更多的精力会放在对 JS 的数据处理上 并且, 在业务中会经常使用数组操作 显然， 对不熟悉前端开发的小伙伴，会很容易入坑的 ——
解释：等同于window.a(),而this指向的是在函数执行时最终调用它的那个对象，在本例中就是window调用的，而window对象中又没有userName属性
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
