链接 1. const 表示不会被重新赋值的,  包括了不会被修改的, const 可以被修改, 但是不会被整体覆盖 由于是静态分析, const  相对 let 执行效率 更高 2. 模板字符串  在键盘最左上角, 有一个 Esc 按钮,  它下面的那个点 `  就是 用它可以 html 分行 而且可以 ` ${ js代码 } ` 3. =>  箭头函数 用它可以不用保存this, 因为它没有独立this, 它的this 就是外面的 它也没有 arguments 4. symbol 唯一 用它…

ES6箭头函数基本用法 ``` window.onload = function(){ alert(abc); } //箭头函数 window.onload = ()=>{ alert("abc"); } // 如果只有一个参数圆括号可以省 let play = function(num){ alert(num*2); //24 } play(12); let play = num => { alert(num*2); //100 } play(50); //如果只有一个r…

node组件导出模块 node一般用commonJS规范 可以通过module.exports导出自己写的模块 这样其他的js文件就可以引用并使用这个模块 module.exports = { log:log } 其他文件如何引用自己写的模块? const {log} = require("./文件名字") //这个是es6解包 // const log = require("./文件名字").log //因为导出的是一个对象,所以需要拿到某一个需要用点语法 //知…

Promise 源码 https://github.com/lfp1024/promise promise-a-plus const PENDING = 'PENDING' const REJECTED = 'REJECTED' const RESOLVED = 'RESOLVED' const resolvePromise = (promise2, x, resolve, reject) => { if (promise2 === x) { // ES6 规范写法 无法通过Promise/A+…

在vue-cli中遇到的模糊参考 https://www.cnblogs.com/ppJuan/p/7151000.html 解决问题: 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种.前者用于服务器,后者用于浏览器.ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案.ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import…

github地址: 一直以来对CommonJs/AMD/CMD/ES6的文件模块加载一直懵懵懂懂.甚至有时会将CommonJs的exports和ES6的export.default搞混.趁着学习webpack,先搞懂这些模块加载方式再说!!! 随着前端的发展,我们日常开发的功能越来越复杂,文件越来越多.随后前端社区衍生出了CommonJs/AMD/CMD/ES6的几种模块加载方式. 模块加载方式 CommonJs ES6 AMD CMD 01: CommonJs 参考地址:阮一峰老师讲解的Com…

1.ES6的基本用法 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板.通过class关键字,可以定义类.基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰.更像面向对象编程的语法而已. class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x +…

阮一峰Module 的语法 1.概述 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来. 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种.前者用于服务器,后者用于浏览器.ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案. ES6 模块的设计思想是尽量的静态化,使得编译时就能…

Node的产生,大大推动了Javascript这门语言在服务端的发展,使得前端人员可以以很低的门槛转向后端开发. 当然,这并不代表迸发成了全栈.全栈的技能很集中,绝不仅仅是前端会写一些HTML和一些交互,后台熟悉数据库的增删查改. 想必接触过Node的人都知道,Node是以异步(Async)回调著称的,其异步性提高了程序的执行效率,但同时也减少了程序的可读性.如果我们有几个异步操作,并且后一个操作需要前一个操作返回的数据才能执行,这样按照Node的一般执行规律,要实现有序的异步操作,通常是一层加…

在使用 React 中的 Class extends写法,如果 onClick 绑定一个方法就需要 bind(this),如果使用React.createClass 方法就不需要 解析: React.createClass 是ES5 的写法默认绑定了 bind 写法 在 ES6 中新增了class,绑定的方法需要绑定 this,如果是箭头函数就不需要绑定 this 示例: 第一种写法: _handleClick(e){ console.log(this); } render(){ return…

//es6中 class的新特性:面向对象的方式 class name{ fram(){ var div=document.getElementById("div"); div.style.background="blue"; } } var nam=new name; //nam 实例对象 nam.fram(); //调用方法 //兼容程度: chrome 火狐 edge   等高版本浏览器都支持,像传统的ie浏览器,并不支持: (有些编辑器也不支持这种写法,会报…

● let ● variable hoisting ● arrow Function, Lambda表达式 ● Destructuring Assignments 解构赋值 ● 默认参数值 Default Parameters ● 可变参数 ● 解构参数 ● 解构数组 ● 解构对象 ● 遍历 ● Generators ● String Templates ● 快速创建对象 ● 只读变量 ● Sets ● Maps ● Symbols ● WeakMaps ● Promises ● 创建类 ● M…

ES6 简介 ECMAScript 6 简称 ES6,是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了.它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言. ECMAScript 和 JavaScript 的关系:前者是后者的语法规格,后者是前者的一种实现 Babel:将ES6代码转为ES5代码 http://babeljs.io/   image 新特性 let.const let 定义的变量不会被变量提升,const 定义的…

1.新增数据类型Symbol.[Number.Boolean.Symbol.Null.Undefined.Object] Symbol类型的值通过Symbol函数生成,相同的Symbol函数返回的值 是唯一的 Symbol函数可以接收字符串作为参数,但是即使相同参数返回的值 也是唯一的,即Symbol('a') != Symbol('a') 代码实例 /* * Symbol * 传入相同的值,但他内部存储的值不相同 */ var s1=Symbol(); var s2=Symbol(); //…

Node的产生,大大推动了Javascript这门语言在服务端的发展,使得前端人员可以以很低的门槛转向后端开发. 当然,这并不代表迸发成了全栈.全栈的技能很集中,绝不仅仅是前端会写一些HTML和一些交互,后台熟悉数据库的增删查改. 想必接触过Node的人都知道,Node是以异步(Async)回调著称的,其异步性提高了程序的执行效率,但同时也减少了程序的可读性.如果我们有几个异步操作,并且后一个操作需要前一个操作返回的数据才能执行,这样按照Node的一般执行规律,要实现有序的异步操作,通常是一层加…

set Set作为ES6新的数据解构(类数组),它的成员都是唯一的,因为最直接的使用场景便是去重.并.差.交集的使用.它使用的算法叫做“Same-value-zero equality”,类似精确运算的===,主要是NaN,这里它将两个视为相等 // Set实例的常用方法和属性add,delete,clear,has.size const s = new Set(['A', 'B', 'C']); console.log(s); // Set { 'A', 'B', 'C' } console.…

ES6中的set类似一个数组,但是其中的值都是唯一的,Set本身是一个构造函数,用来生成 Set 数据结构. set函数可以接受一个数组作为参数,用来初始化: const set = new Set([1, 2, 3, 4, 4, 4]); [...set] //输出结果:[1, 2, 3, 4] 也可以接受类似数组的对象作为参数: const set = new Set(document.querySelectorAll('div')); set.size // 输出结果: 56 当然,当遇到…

Promise 对象用于一个异步操作的最终完成(或失败)及其结果值的表示.简单点说,它就是用于处理异步操作的,异步处理成功了就执行成功的操作,异步处理失败了就捕获错误或者停止后续操作. 它的一般表示形式为: new Promise( /* executor */ function(resolve, reject) { if (/* success */) { // ...执行代码 resolve(); } else { /* fail */ // ...执行代码 reject(); } } );…

总结:Promise函数的出现极大的解决了Js中的异步调用代码逻辑编写太过复杂的问题,Promise对象让异步调用函数的流程显得更加的优雅,也更容易编写. 举例: 1. 异步调用: 假设现在我的一个页面中的一条数据需要我去后台查询两个接口才能完全返回,废话不说下面上代码: function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码…

1.数组解构,可以设置默认值 'use strict'; let [x, y = 'b'] = ['a']; //控制台输出b console.log(y); 2.对象解构 'use strict'; let { foo, bar } = { foo: "aaa", bar: "bbb" }; // 控制台输出aaa console.log(foo); // 控制台输出bbb console.log(bar); 对象的解构与数组有一个重要的不同.数组的元素是按次序排…

export 之后加上default意指默认接口的意思,在一个文件里面默认的只能有一个 其区别就是{} 在export中 引入需要用{}来盛放 //这是设置入口var a='my name is xiaoming' export default a; //这是设置出口 import a from '../../export/a.js'; var a='my name is xiaoming',var b='this is a bird'; export default {<hr>a,,<…

const声明一个只读的常量.一旦声明,常量的值就不能改变.且const一旦声明变量,就必须立即初始化,不能留到以后赋值. const的作用域与let命令相同:只在声明所在的块级作用域内有效. const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用.也与let一样不可重复声明. const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动. const如果引用的是一个对象,只能保证引用对象的这个指针不变,但对象本身的数据结构是可以改变的.如: co…

arguments类似Array但是并不是Array 而rest就是一个Array 用rest替代atguments eg:给数组排序 //arguments变量的写法: function sortFunc(){ return Array.prototype.slice.call(arguments).sort(); } //而rest参数的写法: const sortFunc = (...numbers) => number.sort(); eg:function foo(a,b,...res…

…

var的特点 函数作用域 let的特点 没有变量提升,必须先声明.再调用 同一个作用域下不可以重复定义同一个名称 块级作用域 function fun(){ let a = 10 if(true){ let a =100 } console.log(a) }输出a为10,因为let为块级作用域. 暂时性死区    let a = b, b = 1  const的特点     (数组和对象指向的是内存,对应的值可修改) 没有变量提升,必须先声明.再调用 同一个作用域下不可以重复定义同一个名称 块级…

ES6模块规范 1.1 ES6规范说明 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来.其他语言都有这项功能,比如 Ruby 的require.Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的.复杂的项目形成了巨大障碍. 自从ES6的推出,ES6定义了自己的模块化规范,使用export和import导出导入实现模块化管理 1.2 基…

//针对ES6规范(第1-5条)start1.块级作用域let/const取代var:在let和const之间,建议优先使用const,尤其是在全局环境,不应该设置变量,只应设置常量. 2.解构赋值1)使用数组成员对变量赋值时,优先使用解构赋值.e.g. const arr = [1, 2, 3, 4]; // bad const first = arr[0]; const second = arr[1]; // good const [first, second] = arr;2)函数的参数如…

一.Class ES6中的Class用法类似Java的Class用法,但class的本质是js一个function //定义类 class Person { //定义构造方法 constructor(name, age){ console.log("父类构造方法") this.name = name; this.age = age; } getInfo(){ return `姓名:${this.name} , 年龄: ${this.age}`; } } let person = new…

上一篇我们讲解了ES6中Promise的用法,但是知道了用法还远远不够,作为一名专业的前端工程师,还必须通晓原理.所以,为了补全我们关于Promise的知识树,有必要理解Promise/A+规范,理解了它你才能知道Promise内部是怎么回事,我们ES6中的Promise是如何一路走来的.   网上关于Promise/A+的翻译文档很多,所以我就不翻译一次了,本篇的目的在于为文档增加一些标注,以帮助我们更好的理解.翻译内容引用自:http://malcolmyu.github.io/malnot…

原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructuring 箭头函数 Arrow Functions Symbols 集合 学习Babel和Broccoli,马上就用ES6 代理 Proxies ES6 说自己的宗旨是"凡是新加入的特性,势必已在其它语言中得到强有力的实用性证明."--TRUE!如果你大概浏览下 ES6 的新特性,事实上它…