动态导入是JavaScript ES2019中新增的语法特性，它可以通过将代码按需导入，从而实现更加高效的加载方式。动态导入允许用户在运行时动态地加载模块，这是ES6中静态导入所无法实现的。在实际运用当中，我们可以通过导入语法结合WebPack等打包工具，来构建出一个按需加载的前端工程，实现对运行时依赖的处理。通过动态导入，我们可以在代码运行时才加载需要的模块，而不是将所有的模块一次性加载，这样一
转载
2024-04-20 20:14:02
357阅读
该新特性属于 ECMAScript 2015（ES6）规范，在使用时请注意浏览器兼容性。由于ES6原生提供Promise，所以无需安装Promise库。但在ES5环境下我们可以使用bluebird库来提供Promise。背景知识： 理解一样东西，当然要先了解它是怎么来的是单线程的，这意味着代码是按顺序执行的。对于浏览器而言，JavaScript代码和其他任务共享一个线程，不同的浏览器略有差异，但
一、ES模块化的导出和导入：export导出：在使用导入与导出时，需要在引用js文件时添加type属性，type值为module<script src="test1.js" type="module"></script>
<script src="test2.js" type="module"></script> 1、导出对象：使用export {
模块化前端模块化的好处都已经被说烂了，归纳为两点：避免全局变量污染有效的处理依赖关系ES2015（ES6）终于引入了模块的概念，最近学习了下，顺便记下笔记。准备工作借助Babel演示Demo。创建个module目录，并在该目录里执行：npm init -y然后安装各种依赖：npm install --save-dev babel-cli babel-preset-env babel-preset-
模块引用在ES5里，如果使用CommonJS标准，引入React包基本通过require进行，代码类似这样：1 //ES5
2 var React = require("react");
3 var {
4 Component,
5 PropTypes
6 } = React; //引用React抽象组件
7
8 var ReactNative = require
由于历史原因，直接引入的多个JS文件之间可能会产生互相污染（变量、函数等），为了解决这个问题，在ES标准中引入了模块化的概念。在ES5中使用commonJS 的方式进行模块化引入方式<script src="XXX/AAA.js" type="module"></script>
<script src="XXX/BBB.js" type="module"><
什么是PromisePromise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise提供统一的
export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。// profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1
因为公司业务面向国企以及传统企业，所以代码需要能够在ie9以上运行，所以在项目中无法用一些新技术。比如ES6的Promise，这个Promise真的是太好使了，就跟便秘时使了开塞露一般。由于Promise太好使了，所以这两天想着能不能用ES5实现Promise。在网上搜到了很多关于ES5实现Promise的文章，大部分都是说需要先明白JavaScript的时间循环机制。正好这块我以前也不是非常明白
转载
2024-07-11 14:02:02
70阅读
ES6的基础语法一. let和const的认识let关键字：ES6新增的命令，用来声明变量。用法和var相似，但let所声明的变量只在let命令所在的代码块内有效```js
{
let a = 5;
var b = 10;
}
console.log(a); // ReferenceError: a is not defined
console.log(b); // 10
```
转载
2024-07-13 15:58:22
41阅读
目录1、class类1.1、类定义1.2、class静态成员1.2.1、ES5方式实例对象1.2.2、ES6中class静态成员2、对象继承2.1、ES5使用构造函数实现对象继承2.2、ES6中class对象继承3、子类对父类方法的重写4、class中getter和setter 1、class类作为对象模板，通过class关键字，可以定义类。基本上，ES6的class可以看做知识一个语法糖，他的绝
转载
2024-10-11 09:50:49
72阅读
一、let关键字特点：1.存在块级作用域，
2.不能重复声明，
3.不会预处理，不存在变量提升，
应用：循环遍历使用let代替var是趋势，建议大家使用let。二、const关键字特点：1.定义常量，不允许修改，
2.其他等同与let,
应用：习惯保存不用改变的数据。三、解构赋值特点：1.对象的解构赋值：let {a,b} = {a: xxx,b: xxx}(依据对象key,ab要对应),
2.数
转载
2024-10-01 12:01:02
39阅读
概述map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。语法
array.map(callback[, thisArg])参数
callback原数组中的元素经过该方法后返回一个新的元素。
currentValuecallback 的第一个参数，数组中当前被传递的元素。indexcallback 的第二个参数，数组中当前被传递
转载
2024-05-17 16:53:03
135阅读
最近的一个项目使用的是React+React-router+Redux框架，刚开始编写代码的时候，客户的需求不明确，没有明确要求兼容IE8,当第一个版本出来之后，用户发现不能在IE8下使用，才提出兼容IE8的事情。但当时整体的代码框架和主要功能都已经实现，如果更换框架来实现，相当于放弃前面几个月的React代码重写。这带来的工作量是难以估计的。 查找网上的R
创建对象我们开始可以用Object构造函数或者对象字面量来快速创建对象，但使用这种方式创建多个对象时会产生大量重复代码，所以我们有了以下几种创建对象的方式。（1）工厂模式function createPerson(name, age,sex){ //传入的参数可以类比成送入工厂的原材料
var o = new Object();
o.name = name;
转载
2024-03-21 14:21:34
60阅读
1995年，JavaScript作为网景浏览器的一部分首次发布，起初并不叫JavaScript，而是叫LiveScript，但是因为当时Java正火，也算是为了搭上java的顺风车，于是改成了JavaScript，然而二者一点关系也没有。 1996年的时候，网景将JavaScript提交给了
转载
2024-04-22 05:54:46
38阅读
简介ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ES6新增及和ES5的不同变量：ES5： 定义变量使用var变量进行变量提升同一作用域下可以声明同名变量（而let和const不可以）ES6： 定义变量加入了 let
ES5的继承方式目录ES5的继承方式1 构造函数继承1基本思想2 优缺点2 原型链继承1 思想2优缺点3 代码3 组合继承1 思想：2 优缺点4 寄生组合继承1 思想2 优点：5 多重继承（寄生组合升级版）1 思想2 优缺点3 附注：6 ES5继承总结1 构造函数继承1基本思想在子类构造函数中通过使用apply()和call()方法调用父类的构造函数。2 优缺点优点：1）对于子类实例对象而言，从父
目录前言一、原型链继承原型链继承的概念原型链继承的不足二、借用构造函数继承借用构造函数继承的概念利用构造函数继承的不足三、组合继承（原型链继承+构造函数继承）组合继承的概念组合继承的缺陷四、寄生组合性继承寄生组合性继承的概念寄生组合性继承的优点多重继承多重继承的概念总结 前言在JS中既然没有类，那继承也是没有的，但面对家财万贯的家产时，我们又岂能无动于衷呢？于是我们想到了用模拟的方式，实现继承。
转载
2024-10-22 07:20:58
32阅读
前言 此文介绍了ES6中集合相关的Set和Map结构，跟随此文你将了解到。
ES6为什么引入Set结构强弱引用与垃圾回收
WeakMap之polyfill实现
WeakMap的应用场景Set Set 是值的集合，类似数组，元素有序且唯一。属性方法
Set.prototype.size 用于返回Set实例中的元素个数var set = new Set([1, 2])
set.size // 2
