为什么使用this 如果没有this，那么我们的代码会是下面的写法： 在方法中，为了能够获取到name名称，必须通过obj的引用（变量名称）来获取。...但是这样做有一个很大的弊端：如果我将obj的名称换成了info，那么所有的方法中的obj都需要换成info。...（编写的位置）没有关系； 3.this的绑定和调用方式以及调用的位置有关系； 4.this是在运行时被绑定的； this绑定规则 默认绑定 在独立函数调用的情况下使用默认绑定 独立的函数调用我们可以理解成函数没有被绑定到某个对象上进行调用...： 也就是它的调用位置中，是通过某个对象发起的函数调用。...这个和setTimeout源码的内部调用有关； setTimeout内部是通过apply进行绑定的this对象，并且绑定的是全局对象； 案例二：数组的forEach 数组有一个高阶函数forEach，用于函数的遍历
try…catch try{}catch(e) {}finally{} Error.name的六种值对应的信息： 1. EvalError：eval()的使用与定义不一致 2....URIError：URI处理函数使用不当 复制代码 es5严格模式 “use strict” 不再兼容es3的一些不规则语法。使用全新的es5规范。...DOM对象即为宿主对象， 由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。 也有人称DOM是对HTML以及XML的标准编程接口。...ie7以下的版本中没有，非实时 .querySelectorAll() // css选择器 在ie7和ie7以下的版本中没有，非实时 复制代码 DOM基本操作 遍历节点树： parentNode ->...->后一个兄弟节点 previousSibling->前一个兄弟节点 基于元素节点树的遍历 parentElement -> 返回当前元素的父元素节点 (IE不兼容) (以下IE不兼容指的是 9 以下)
this是javascript的一个关键字，也是比较容易令人迷糊的一个概念 this的本质：当前对象的所有者 示例1 var x = 1; function test() { alert(this.x...); } test(); 在之前的“JS执行顺序”文章中讲过，这个test函数会被先编译为一个全局变量，如 var test = function test() { alert(this.x);...obj，this.x 也就是 obj.x 示例3 下面这个例子比较有迷惑性，是一个比较容易出错的情况 function test() { alert(this.title); } 输出的结果：undefined 其实onclick="test()"，...相当于 function onclick(event){ test(); } 是一个全局的function，上面的 test方法也是全局的function，而全局变量中并没有定义 title，所以结果为
深刻理解变量提升 当执行 JS 代码时，会生成执行环境，只要代码不是写在函数中的，就是在全局执行环境中，函数中的代码会产生函数执行环境，只此两种执行环境。...{ console.log('call b') } 想必以上的输出大家肯定都已经明白了，这是因为函数和变量提升的原因。...通常提升的解释是说将声明的代码移动到了顶部，这其实没有什么错误，便于大家理解。但是更准确的解释应该是：在生成执行环境时，会有两个阶段。...第一个阶段是创建的阶段，JS 解释器会找出需要提升的变量和函数，并且给他们提前在内存中开辟好空间，函数的话会将整个函数存入内存中，变量只声明并且赋值为 undefined，所以在第二个阶段，也就是代码执行阶段...let 不能在声明前使用，但是这并不是常说的 let 不会提升，let 提升了，在第一阶段内存也已经为他开辟好了空间，但是因为这个声明的特性导致了并不能在声明前使用。
作为原型和原型链的基础，先了解清楚构造函数以及它的执行过程才能更好地帮助我们学习原型和原型链的知识。 1、什么是构造函数 2、为什么要使用构造函数？...; // 创建一个新的内存 #f3 每当创建一个实例的时候，就会创建一个新的内存空间(#f2, #f3)，创建 #f2 的时候，函数体内部的 this 指向 #f2, 创建 #f3 的时候，函数体内部的...(4) 默认返回 this 由于函数体内部的this指向新创建的内存空间，默认返回 this ，就相当于默认返回了该内存空间，也就是上图中的 #f1。此时，#f1的内存空间被变量p1所接受。...也就是说 p1 这个变量，保存的内存地址就是 #f1，同时被标记为 Person 的实例。 以上就是构造函数的整个执行过程。 4、构造函数的返回值 构造函数执行过程的最后一步是默认返回 this 。...首先，当用 new 关键字调用时，产生一个新的内存空间 #f11，并标记为 Person1 的实例；接着，函数体内部的 this 指向该内存空间 #f11；执行函数体内部的代码；由于函数体内部的this
new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在Javascript中，我们将这类方式成为Pseudoclassical...基于上面的例子，我们执行如下代码 var obj = new Base(); 这样代码的结果是什么，我们在Javascript引擎中看到的对象模型是： ? new操作符具体干了什么呢?...成员对象 第三行，我们将Base函数对象的this指针替换成obj，然后再调用Base函数，于是我们就给obj对象赋值了一个id成员变量，这个成员变量的值是”base”，关于call函数的用法，请参看陈皓...__的特性，toString这个方法也可以做新对象的方法被访问到。...于是我们看到了： 构造子中，我们来设置‘类’的成员变量（例如：例子中的id），构造子对象prototype中我们来设置‘类’的公共方法。
, "Default"); //提示用户输入信息，接受两个参数，即要显示给用户的文本和文本框中的默认值，将文本框中的值作为函数值返回 window.status //可以使状态栏的文本暂时改变 window.defaultStatus...//默认的状态栏信息，可在用户离开当前页面前一直改变文本 window.setTimeout("alert('xxx')", 1000); //设置在指定的毫秒数后执行指定的代码，接受2个参数，要执行的代码和等待的毫秒数...window.clearTimeout("ID"); //取消还未执行的暂停，将暂停ID传递给它 window.setInterval(function, 1000); //无限次地每隔指定的时间段重复一次指定的代码...pictures/index.htm location.portocol //URL中使用的协议，即双斜杠之前的部分，如http location.host //服务器的名字，如www.wrox.com...//URL中主机名后的部分，如/pictures/index.htm location.search //执行GET请求的URL中的问号后的部分，又称查询字符串，如?
今天看了廖雪峰老师的一篇文章关于处理异常的，写的很不错，总结一下！...我们都知道JS里面的函数是非常重要的一部分，也是学习JS的精髓所在，那函数分为很多种，看你怎么分，可以分为有参函数和无参函数，按照返回值分为有返回值的函数和没有返回值的函数，那么在写函数的时候我们经常遇到一个问题就是异常的处理...，之前在写Java的时候其实也是一样会遇到这样的问题，那么在java里面其实只要你觉得哪里可能会出问题的时候，你只需要将代码try-catch捕捉一下将异常处理就行了，在js里面呢其实也是一样的，例如下面的例子...length' of null 这句话也就是我们处理异常的时候写的，也是最常见的一种，这个函数叫做有参函数， 那么我们捕捉的是参数会不会有问题，如果有问题我们就将异常捕捉出来，这是很常规的一种写法，今天我们要说的是异常传播是什么意思呢...其实我们在写js函数的时候很多的时候不会是一个函数，会有很多的函数接连的调用，那么任何一个函数出问题其实都是应该捕捉的，理论上是这样的是吧，但是这样写代码的话就很麻烦了，所以就出现了下面这样的代码：
深入理解Js中的this JavaScript作用域为静态作用域static scope，但是在Js中的this却是一个例外，this的指向问题就类似于动态作用域，其并不关心函数和作用域是如何声明以及在何处声明的...作用域 我们先来了解一下JavaScript的作用域，以便理解为什么说this更类似于动态作用域，通常来说，一段程序代码中所用到的名字并不总是有效或可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域...JavaScript在栈内存中提供一个供Js代码执行的环境，关于作用域以及函数的调用都是栈内存中执行的。...Js中基本数据类型String、Number、Boolean、Null、Undefined、Symbol，占用空间小且大小固定，值直接保存在栈内存中，是按值访问，对于Object引用类型，其指针放置于栈内存中...这个函数也是存在于堆内存中的，实际上在此处我们可以将其理解为这个函数的实际定义在一个内存区域(以一个匿名函数的形式存在)，而obj这个对象同样在其他的一个内存区域，obj通过say这个属性指向了这个匿名函数的内存地址
事件委托也叫事件代理，事件委托就是利用事件冒泡，指定一个事件处理程序，就可以管理某一类型的所有事件，何为事件冒泡呢，就是从事件最深的节点开始，然后逐步向上传播事件，最大的优点是提高性能 一般的做法 <ul...break; } } } } 所写的事件对应新增加的元素是不起作用的...值得注意的是，mouseover和mouseout虽然也有事件冒泡，但是处理它们的时候需要特别的注意，因为需要经常计算它们的位置，处理起来不太容易。...不适合的就有很多了，focus，blur之类的，本身就没用冒泡的特性，自然就不能用事件委托了。...我的理解是：事件委托都是在外围的div添加事件，当点击内部的一个元素时，即使这个元素没有onclick事件，依然会从内到外执行onclick事件，js中外部div 添加事件的函数内 var ev = ev
，然后今天的我总算是对Promise有所理解了，然后我来谈谈我学到的Promise的知识，因为是个人的理解，所以会不全面，请多包涵。...，这让我一度怀疑我这智商是不是不够用了，怎么就没理解这段话说的是什么意思。...很好，由于我们的大脑是一个无穷大的海绵，它可以无限的吸收知识，然后通过我们的意念控制我们的大脑去理解并消化了这些知识，然后得到下面的结果。...js异步操作是通过js的事件循环机制EventLoop实现的。...把我学到的知识总结出来然后写下来，更加能加深理解加深印象。
这需要我们先理解原型对象的概念。 #原型对象 我们先了解原型对象的概念。 每个对象都有原型对象（null除外），我们用__proto__表示，每个函数都有prototype属性，指向实例的原型对象。...__proto__; // true 为了便于理解，来看一张图。 ? 恩~他们的关系大概就是这样。...#原型链 原型链简单用一句话概括就是： 原型链就是 对象的__proto__所连接的链状结构 为了方便我们理解原型链，举一个简单的例子： function F(){ this.a = 1;...#补充 constructor 说一下我的经历，一开始理解原型链时，一直在prototype、__proto__、constructor在这个三个属性中绕来绕去。...为了便于理解，我把constructor放在最后了。 constructor字面意思就很容易理解，构造函数的意思。
面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript 没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。...js（如果没有作特殊说明，本文中的js仅包含ES5以内的内容）本身是没有class类型的，但是每个函数都有一个prototype属性。...逻辑上可以这么理解：prototype 通过调用构造函数而创建的那个对象的原型对象。使用原型的好处可以让所有对象实例共享它所包含的属性和方法。...1）__proto__和prototype JS在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做__proto__的内置属性，用于指向创建它的函数对象的原型对象prototype。...Function.prototype.constructor === Function //true Object.prototype.constructor === Object //true 3）为加深对理解
《深入浅出Node.js》第五章《内存控制》阅读笔记 随着 Node 的发展，JavaScript 的应用场景早已不再局限在浏览器中。...但随着 Node 在服务端的广泛应用，JavaScript 的内存管理需要引起我们的重视。...heapTotal 已申请到的堆内存 heapUsed 当前使用的堆内存 为什么 V8 要限制堆的大小： V8 为浏览器而设计，不太可能遇到用大量内存的场景 V8 的垃圾回收机制的限制。...=1700 test.js 设置老生代内存空间最大值，单位为MB node --max-new-space-size=1024 test.js 设置新生代内存空间最大值，单位为KB 比较遗憾的是，这两个最大值需要在启动时执行...新生代中的对象为存活时间较短的对象，老生代中的对象为存活时间较长或常驻内存的对象。 ?
Js模块化开发的理解 模块化是一个语言发展的必经之路，其能够帮助开发者拆分和组织代码，随着前端技术的发展，前端编写的代码量也越来越大，就需要对代码有很好的管理，而模块化能够帮助开发者解决命名冲突、管理依赖...} /* // 当导出的模块名与被导出的成员或方法重名时可以有如下写法 module.exports = { a, b } */ // 2.js var m1 = require("....module.exports // 2.js var m1 = require("./1.js") console.log(m1.a); // 1 m1.b(); // 1 AMD AMD规范不是AMD.../ // html的标签也支持异步加载 // <!..."; // 导入export import m1 from "./1.js"; // 不加{}即导入export default import {c} from "./1.js"; /
函数式编程的理解 函数式编程是一种编程范式，可以理解为是利用函数把运算过程封装起来，通过组合各种函数来计算结果。...，它的着眼点是函数，而不是过程，它强调的是如何通过函数的组合变换去解决问题，而不是我通过写什么样的语句去解决问题，当你的代码越来越多的时候，这种函数的拆分和组合就会产生出强大的力量。...所以通过这里就可以理解函数式编程其实就是强调在编程过程中把更多的关注点放在如何去构建关系，通过构建一条高效的建流水线，一次解决所有问题，而不是把精力分散在不同的加工厂中来回奔波传递数据。...由于Js中对象传递的是引用地址，哪怕我们用const关键词声明对象，它依旧是可以变的。保证函数没有副作用，一来能保证数据的不可变性，二来能避免很多因为共享状态带来的问题。...，在我的理解中柯里化实际就是实现了一个状态机，当达到指定参数时就从继续接收参数的状态转换到执行函数的状态。
大家好，又见面了，我是你们的朋友全栈君。 闭包是js的一个难点也是它的一个特色，是我们必须掌握的js高级特性，那么什么是闭包呢？它又有什么用呢？...我们都知道，js的作用域分两种，全局和局部，基于我们所熟悉的作用域链相关知识，我们知道在js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量...，这个函数在a()作用域内部，所以它可以获取a()作用域下变量name的值，将这个值作为返回值赋给全局作用域下的变量b,实现了在全局变量下获取到局部变量中的变量的值 再来看一个闭包的经典例子 一般情况下...原来由于js是单线程的，所以在执行for循环的时候定时器setTimeout被安排到任务队列中排队等待执行，而在等待过程中for循环就已经在执行，等到setTimeout可以执行的时候，for循环已经结束...②闭包作为参数传递 在这段代码中，函数fn1作为参数传入立即执行函数中，在执行到fn2(30)的时候，30作为参数传入fn1中，这时候if(x>num)中的num取的并不是立即执行函数中的num，而是取创建函数的作用域中的
有了规则JS世界才能稳稳的运转起来，所以这些规则非常重要，但是你真的了解它们了吗？ 阅读本文前可以思考下面几个问题： 你理解中的事件循环是怎样的？ 有宏任务了，为什么还要有微任务，它们又有什么关系？...本文将会由浅入深的解答这些问题 深入理解JS系列 第一节：深入理解JS的深拷贝 第二节：深入理解JS的原型和原型链 第三节：深入理解JS的事件循环 万物初始 ★本文基于chromium内核讲解 ” 刚开始让万物运转是件挺容易的事情...现在的JS的事件循环系统就能持续运转起来啦： 循环机制解决了不能循环执行的问题：引入了循环机制，通过一个 while 循环语句，线程会一直循环执行 不过又有其他问题出现了： 别的线程要交给我这个主线程任务...接下来分析一下： 调用ObjPromise传入一个函数命名为executor，executor函数接受两个参数resolve、reject，可以理解为分别代表成功时的调用和失败时的调用。...现在Generator和Promise都已经深入理解啦。但是微任务和协程是如何协作实现了async/await呢？
概要 call、apply、bind 都是用来修改函数中的this， 传参时，call是一个个传参，apply是数组形式传参，call和apply立即执行并且返回值是你调用的方法的返回值，若该方法没有返回值...bind是改变this后返回一个新的函数，他不会立即执行。 这三个方法不会改变原方法的this的指向。 Bind 复制原方法传入新的this指向后生成新方法，参数可传多个。...指向，第一个参数为this的指向对象，后面可传多个参数。...指向，第一个参数为this的指向对象，第二个参数只能为一个数组。...，作用是执行一下目标函数，执行时顺便把目标函数中的this改一下，然后把结果输出，执行后，不会影响原函数中的this！
深入理解Js数组 在Js中数组存在两种形式，一种是与C/C++等相同的在连续内存中存放数据的快数组，另一种是HashTable结构的慢数组，是一种典型的字典形式。...undefined, undefined, undefined] Array.from(new Array(3)); // (3) [undefined, undefined, undefined] 在Js...// v8/src/objects/js-array.h // line 19 // The JSArray describes JavaScript Arrays // Such an array.... static const int kPreallocatedArrayElements = 4; // v8/src/objects/js-objects.h // line 537 static...const uint32_t kMinAddedElementsCapacity = 16; // v8/src/objects/js-objects.h // line 540 // 计算扩容后的容量
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
