Wang的专栏

The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value. Promise 对象用于一个异步操作的最终完成（或失败）及其结果值的表示。简单点说，它就是用于处理异步操作的，异步处理成功了就执行成功的操...

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）, 在对象的解构赋值中有一些需要注意的事项初识对象的解构var {name} = { name:'Joh', age:10};console.log(name); // Joh通过解构的形式取出对象中的属性值对解构出的属性进行重命名var {na...

在ES6中， 函数的参数也可以使用解构赋值和默认值的设置，下面我们来看下在ES6之前设置函数默认值的写法function test(x,y) { x = x || 12; y = y || 22; console.log(x,y);}test(); // 12 22test(1,2) // 1 2在ES6中给函数参数赋默认值function...

同函数数组参数一样，函数的对象参数的默认值和解构过程整理函数对象参数的默认值与解构的形式此处使用箭头函数来处理 ： (({x,y})=>{ console.log(x, y); // // undefined undefined})({});(({x=1,y=2})=>{ console.log(x,y); // 1 2})({});(({x...

Proxy 用于修改对象某些操作的默认行为，可以对外界的访问进行过滤和改写，其概念类似于元编程。 Proxy 让我们可以对任何对象的绝大部分行为进行监听和干涉，实现更多的自定义程序行为。在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截。目前【兼容性】存在一定的问题，目前在chrome和ff浏览器中的非严格模式下可用，一些先进的技术即使在目前不能广泛应用，但...

目前浏览器还不能完全支持模块化，需要引入很多编译环境，下面在nodejs中来模拟ES6中的模块化nodejs中针对模块化演示的配置环境的安装：$ npm install --save babel-cli babel-preset-node6运行：$ ./node_modules/.bin/babel-node.js --presets node6 ./your_script...

项目的初始化在项目目录中执行，$ npm init -y 初始化操作安装jspm依赖：$ sudo yarn add jspm --devjspm初始化操作：$ ./node_modules/.bin/jspm init 一路回车，选择输入 BabelMacBook-Pro:20 Johnny$ ./node_modules/.bin/jspm initWould you like...

关于 letlet是小作用域的变量的声明{ var a = 12; let b = 15; { console.log(a); // 12 console.log(b); // 15 } }let 是块级作用域,不会被提升；var是函数级的变量，存在变量提升，外部可访问console.log(a); // Uncaught ...

classclass 本身是个语法糖，主要为了考虑在编码上更加人性化内部有super,static,get 等关键词使用起来非常类似于后台语言使用class进行类的实现应用'use strict';// User 类class User { constructor(name,age) { this.name = name; this.age = a...

在移动端或者PC端我们来模拟拖拽功能的实现效果演示 Github地址https://github.com/johnnynode/iphone-drag-button支持平台移动端PC端主要代码演示/* 拖动功能 */// 初始化宽高let oW,oH;let oLeft = 0;let oTop = 0;let htmlWidth = documen...

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）, 而数组的解构赋值是从数组中提取值，按照对应位置，对变量赋值。ES6之前的赋值操作var arr = [1,2,3];var a = arr[0];var b = arr[1];var c = arr[2];console.log(a,b,c); // 1 2...

基于ES6和原生nodejs来实现一个基于MVC的增删查改功能示例分享仓库地址：node-music-mvc@github自定义路由的解耦实现首先分别处理不同方式的请求：const http = require('http');const url = require('url');const querystring = require('querystring'...

ES6 允许使用“箭头”（=>）定义函数, 也叫“lambda表达式”ES6之前普通函数的写法var fn = function () {};箭头函数的登场var fn2 = (name) => { console.log('fn2');};// 一个参数可以不加括号var fn3 = name => { console.l...

Symbol，是ES6中引入的新的数据类型，表示独一无二的值。在面向对象中，每个对象都有字符串类型的属性，新方法的名字就有可能与现有方法产生冲突。Symbol的引入保证每个属性的名字都是独一无二的，这样就从根本上防止属性名的冲突。ES6之前对象属性的命名方法var obj = { name:'Joh', 'my name': 'Johnny'}console.log(o...

Generator 函数是 一种异步编程解决方案，Generator 函数会返回一个遍历器对象，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式。认识generator函数function * fn() { console.log('hello'); return 'Jo...

Set 类似于数组，但是成员的值都是唯一的，没有重复的值, 实现了iterator接口set 的值不可重复，数组的值可以重复let arr = [1,2,3,'5','5'];let st = new Set(arr);console.log(st); // 可以通过set来去除数组的重复的值，返回的是一个伪数组console.log(st.size); // 4...

Map 数据结构类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“任何—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。初识mapvar obj = { 'name':'Joh', qq...

在ES6中又对Array扩展了不少方法，下面我们来看下from方法将伪数组转换为数组let obj = { '0':'h', '1':'i', 'length':2};let arr = Array.from(obj);console.log(Array.isArray(arr)); // trueconsole.log(arr); // ["h",...

之前我们定义一个对象特别麻烦，现在ES6简化了这些麻烦，在对象属性的新定义方法中存在以下的优化我们之前定义对象属性的方法var obj = { getName:function(firstName,lastName){ return {firstName: firstName, lastName: lastName} }}比较的麻烦ES6中属性...

在ES6中针对对象的方法做了一些扩展和优化，下面简单总结下常用的方法is方法判断两个对象是否全等console.log(Object.is({},{}), {} === {}); // false, falseconsole.log(Object.is(NaN,NaN), NaN === NaN); // true, falseconsole.log(Object.is(+...

字符串includes,startsWith,endsWith方法测试普通的用法：var str = 'Hello';console.log(str.indexOf('o')); // 4console.log(str.includes('e')); // trueconsole.log(str.startsWith('H')); // trueconsole.log(str....

ES6 中对字符串进行了扩展，而模板字符串就是一个非常实用的方式，可以在html中实现与变量和方法的混编之前我们手动拼接字符串的方式let hello = 'Hello';let html = '<div>' + '<span>'+ hello +'</span>' + '</div>';console.lo...

如果不想要服务端实现处理base64格式的图片的转换，那么在浏览器端来实现，部分属于伪代码，仅作为开发参考，请勿直接拷贝使用