本文同步自我的个人博客: http://mly-zju.github.io/ 众所周知javascript语言的一大特色就是异步,这既是它的优点,同时在某些情况下也带来了一些的问题.最大的问题之一,就是异步操作过多的时候,代码内会充斥着众多回调函数,乃至形成回调金字塔.为了解决回调函数带来的问题,Promise作为一种更优雅的异步解决方案被提出,最初只是一种实现接口规范,而到了es6,则是在语言层面就原生支持了Promise对象. 最初接触Promise的时候,我觉得它是比较抽象并且令人困惑的,…

es5语法没有支持类class,但是可以通关函数来申明一个类,如下: function Person(name){ this.name=name; } var john=new Person('john'): console.log(john.name);//john 但是这个类可以直接像函数执行那样调用:Person() 判断是不是被new还是()调用得这样修改上面这个类: function Person(name){ this.name=name; if(this instanceof Pe…

ES5新语法主要是体现在Object和.Array操作,同时涉及到JSON. Function.Date 和 String类型上. 1.Object ES5最大的特点是对象扩展很多方法. 新建对象:create( 新建一个"干净"的对象,这里的"干净"指的是没有原型链.)      语法:Object.create(proto, [ propertiesObject ]);       proto是一个对象,作为新创建对象的原型.       如果 proto 参数…

ECMAScript 6是JavaScript语言的下一代标准,已经在2015年6月正式发布了.Mozilla公司将在这个标准的基础上,推出JavaScript 2.0.ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言. 在webstorm写下了这段代码,体验一下ES6语法的便利,但是一大堆报错 各种语法错误 what the fuck 相信每一只程序猴都不想在这样的环境下编码,反正本猴不想 1 语法支持设置 Preferences > Langu…

安装babel-loader: npm install --save-dev babel-loader@7 babel-core babel-preset-es2015 webpack.config.js配置: module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, //排除这些 use: { loader: 'babel-loader', options: { presets: ['es20…

es6 babel 安装以及使用   1,安装好node(需要使用npm包管理工具) 2,在本地项目路径下npm init,格式化成功后会在项目下生成一个配置文件package.json 3,本地安装bable npm install --save-dev babel-cli (如需卸载之前的babel使用命令  npm uninstall --global babel-cli), 安装成功后,devDependencies(依赖)会出现一个"babel-cli": "^6.…

es5的构造函数前面如果不用new调用,this指向window,对象的属性就得不到值了,所以以前我们都要在构造函数中通过判断this是否使用了new关键字来确保普通的函数调用方式都能让对象复制到属性 function Person( uName ){ if ( this instanceof Person ) { this.userName = uName; }else { return new Person( uName ); } } Person.prototype.showUserNam…

× 目录 [1]定义 [2]命名规则 [3]声明[4]特性[5]作用域[6]声明提升[7]属性变量 前面的话 关于javascript,第一个比较重要的概念是变量,变量的工作机制是javascript的基本特性.实际上,变量是标识符的一种.本文将详细介绍变量和标识符 定义 标识符(Identifier)就是一个名字,用来对变量.函数.属性.参数进行命名,或者用做某些循环语句中的跳转位置的标记 //变量 ; //属性 (new Object).Identifier = 'test'; //函数及参…

最近在看es2015的一些语法,最实用的应该就是继承这个新特性了.比如下面的代码: $(function(){ class Father{ constructor(name, age){ this.name = name; this.age = age; } show(){ console.log(`我叫:${this.name}, 今年${this.age}岁`); } }; class Son extends Father{}; let son = new Son('金角大王', 200);…

# vue2.0 webpack 无法编译 ES6 语法 之前在使用 vue 1.x 时用 vue-loader@8.0.0 版本可以正常打包vue的代码,包括ES6语法也能正常转为ES5语法,但是当使用 vue@2.0 + vue-loader@10.0.2 以后发现,通过 webpack 打包后的代码里面的ES6语法没有转义,google一会后发现,需要在webpack.config.js里单独配置babel的编译规则.一个典型的配置如下: var webpack = require('we…