Category: JavaScript

2018
0
JavaScript

JavaScript事件循环探索

一直对js的事件循环不是很清晰，最近看了JavaScript忍者秘籍的第13章后，有了一些感悟，特此总结一下，分享给大家。 单线程众所周知，JavaScript是单线程执行模型，同一时刻只能执行一个代码片段，一个任务开始后知道运行完成，不会被其他任务中断。当一个任务花费的时间很长的话，用户就会明显的感觉到卡顿。浏览器为了解决这个问题引入了事件循环的概念（Event Loop）。 事件循环事件循环具

2017
0
JavaScript

JavaScript 面向对象

构造函数构造函数也是一个函数，通过new运算符可以生成一份实例同时把this绑定到实例上。JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。12345678910111213function Vehicle (engines) { this.engines = engines; } Vehicle.prototype.drive = function() { console.log(`engines=>${this.engines}`); } //实例 var car1 = new Vehicle(1); var car2 = new Vehicle(2); car1.drive(); //=> engines=>1 car2.drive(); //=> engines=>2 console.log(car1.constructor === Vehicle); //true console.log(car2.constructor === Vehicle); //true

0
JavaScript

promise.all错误处理

通常处理多个请求的时候我们会用Promise.all()方法。该方法指当所有在可迭代参数中的 promises 已完成，或者第一个传递的 promise（指 reject）失败时，返回 promise。但是当其中任何一个被拒绝的话。主Promise.all([..])就会立即被拒绝，并丢弃来自其他所有promis的全部结果。

0
JavaScript

函数柯里化

函数柯里化定义柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。 函数柯理化实现

0
JavaScript

JavaScript 事件详解

事件冒泡与捕获 冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。IE 5.5: div -> body -> documentIE 6.0: div -> body -> html -> documentMozilla 1.0: div -> body -> html -> document -> window 捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。 DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。DOM事件模型最独特的性质是，文本节点也触发事件(在IE中不会)。

0
JavaScript

类的继承

混合复制 //复制source对象的属性 function mixin(source, target) { for (var key in source) { if (!(key in target)) { target[key] = source[key]; } } return target; } var Vehicle = { engines: 1, ignition: function() { console.log(" Turning on my forward! "); }, drive: function() { this.ignition(); console.log(" Steering and moving forward! "); } }; //Car复制Vehicle的属性值和函数引用 var Car = mixin(Vehicle, { wheels: 4, drive: function() { //显示指定Vehicle对象调用dirve方法 //如果直接执行Vehicle.dirve()，函数调用中的this就会绑定到Vehicle上，所以使用.call(this)来确保dirve在Car对象的上下文中执行; Vehicle.drive.call(this); console.log(" Rolling on all " + this.wheels + "wheels!"); } }); Car.drive();

2016
0
JavaScript

ES6-MIXIN

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 //通过class实现混入//extends 可以继承动态构造的类const Mixin = Sup => class extends Sup { //构造方法 //this关键字则代表实例对象