ES6
liguanjie8
这个作者很懒,什么都没留下…
展开
-
001-let/const命令
function test(){ // for(let i=1;i<3;i++){ // console.log(i); // } // console.log(i); let a = 1; // let a = 2;}function last(){ const PI=3.1415926; const k={ a:1 } k.b=3...原创 2018-03-19 23:10:42 · 132 阅读 · 1 评论 -
006-数组扩展(Array)
/** * 数组扩展(Array) */{ //将一组数据变量转换成数组 let arr = Array.of(3,4,7,9,11); console.log('arr=',arr); //[3,4,7,9,11] let empty=Array.of(); console.log('empty',empty); //[] 空数组}{ //将一些伪数...原创 2018-03-21 23:21:29 · 168 阅读 · 1 评论 -
011-Proxy和Reflect(代理和映射)
/** * * Proxy和Reflect(代理和映射) * 代理: 顾名思义,可以理解为现实生活中的代理商 * *//* Proxy代理 **********************************************************************/{ let obj={ time:'2017-03-11', name:'...原创 2018-03-26 21:25:13 · 445 阅读 · 1 评论 -
012-类class(类的概念)
/** * 类class(类的概念) * */{ // 基本定义和生成实例 class Parent{ //声明类 //声明构造函数 constructor(name='mukewang'){ this.name=name; } } let v_parent=new Parent('v');...原创 2018-03-26 21:55:12 · 155 阅读 · 0 评论 -
013-Promise(异步编程的解决方案,更是解决无穷回调)
/** * Promise(异步编程的解决方案,更是解决无穷回调) */{ // 基本定义 let ajax=function(callback){ console.log('执行'); setTimeout(function () { callback&&callback.call() }, ...原创 2018-03-26 22:38:15 · 160 阅读 · 0 评论 -
014-Iterator接口和for...of循环
/** * Iterator接口和for...of循环 * * 介绍: * 如Array Object Set Map等数据结构,的使用方式各异,而通过Iterator接口 * 致力于统一他们的调用方式,让他们在使用上尽可能的相同,这就是他的功能 * */{ //数组内置的Iterator接口 let arr=['hello','world']; le...原创 2018-03-26 22:59:16 · 85 阅读 · 0 评论 -
015-Generator(异步编程的一种解决方案)
/** * * Generator * 概念:异步编程的一种解决方案 * * next函数的用法 (继续执行下一个yield) * yield*的用法(遇到yield会停止,意味一个步骤) * 应用场景 * 抽奖实例 * 长轮询 * */{ // genertaor基本定义 let tell=function* (){ yield...原创 2018-03-27 22:43:54 · 157 阅读 · 0 评论 -
016-Decorator(修饰器,是一个函数,用来修改类的行为)
/** * Decorator(修饰器,是一个函数,用来修改类的行为) * 扩展类的功能 * * 第三方库修饰器的js库:core-decorators; npm install core-decorators * */{ //基本用法 1 /** * * @param target 修改的类的本身 * @param name 修改类属性的...原创 2018-03-27 23:05:51 · 357 阅读 · 0 评论 -
017-Module模块化(import export)
/** * Module模块化(import export) * * import 模块引入 * export 模块导出 * */// export let A=123;//// export function test(){// console.log('test');// }//// export class Hello{// test(){...原创 2018-03-27 23:17:41 · 158 阅读 · 0 评论 -
018-ES6 javascript 实用开发技巧
ES6 实用开发技巧定义变量/常量ES6 中新增加了 let 和 const 两个命令,let 用于定义变量,const 用于定义常量两个命令与原有的 var 命令所不同的地方在于,let, const 都是块级作用域,其有效范围仅在代码块中,实例如下://es5if(1==1){ var b = 'foo';}console.log(b);//foo//es6if(1==1){原创 2018-04-17 11:16:48 · 172 阅读 · 0 评论 -
005-数值扩展(Number Math)
/** * 数值扩展(Number Math) */{ //es6多进制 console.log('B',0B111110111); //2进制 都是以0B开头 console.log(0o767); //8进制 都是以0O开头}{ //判断数字的有效性 console.log('15',Number.isFinite(15)); //15是否是有效的 con...原创 2018-03-21 22:29:55 · 163 阅读 · 1 评论 -
004-es6字符串扩展
此字无法发表,故用“”吉“”字代替,,,请各位同学自行替换。。。/** * es6字符串扩展 * es7兼容处理(以及es6语法的向下兼容) * npm install babel-polyfill --save-dev * 在index.js 中加入代码 * import 'babel-polyfill'; * 此时便可在index.js文件中使用es...原创 2018-03-20 23:10:01 · 221 阅读 · 1 评论 -
002-解构赋值
{ //多变量数组形式赋值 let a,b,rest; [a,b]=[1,2]; console.log(a,b); //a=1 b=2}{ // let a,b,rest; [a,b,...rest]=[1,2,3,4,5,6]; console.log(a,b,rest); //a=1 b=2 rest=[3,4,5,6]}{ //对象赋值 le...原创 2018-03-19 23:17:40 · 115 阅读 · 1 评论 -
007-函数的扩展
/** * 函数的扩展 */ /** * 函数参数的默认值问题 * 注意: * 默认值参数的后面,不能再有没有默认值的参数 */{ function test(x, y = 'world'){ console.log('默认值',x,y); } test('hello'); test('hello','kill');}{ l...原创 2018-03-24 18:03:30 · 143 阅读 · 0 评论 -
008-对象扩展(Object)
/** * 对象扩展(Object) */{ // 简洁表示法 //es5 es6定义普通变量的不同 let o=1; let k=2; let es5={ //es5 o:o, k:k }; let es6={ //es6 o, k }; console.log(es5,es6); //es5 es6定义方...原创 2018-03-24 18:28:09 · 126 阅读 · 0 评论 -
009-Symbol的用法
/** * Symbol的用法 * 用Symbol声明的变量永远都不相等,是独一无二的 */ { // 声明 let a1=Symbol(); let a2=Symbol(); console.log(a1===a2); //false //a3为key值,先去找全局变量中有没有a3这个变量,若有就是它,若没有就调用 Symbol() let a3=Symb...原创 2018-03-24 18:56:02 · 843 阅读 · 0 评论 -
010-Set-Map数据结构(Set/ WeakSet / Map / WeakMap )
/** * * set-map数据结构(Set/ WeakSet / Map / WeakMap ) * set与Array类似,但集合中的元素是不能重复的 * map与Object类似,但key值可以是任意数据类型 * * WeakSet和Set的区别 * 1.支持的数据类型不同 * WeakSet的元素只能是对象 * 2.WeakSe...原创 2018-03-25 00:36:20 · 223 阅读 · 1 评论 -
003-正则扩展
此字无法发表,故用“”吉“”字代替,,,请各位同学自行替换/** * 总结: * ES6增加了y和u修饰符 */{ // #构造函数# let regex = new RegExp('xyz', 'i'); //第一个参数是字符串,第二个是修饰符 let regex2 = new RegExp(/xyz/i); //第一个参数是正则表达式,不接受第二个参数...原创 2018-03-20 23:03:11 · 147 阅读 · 1 评论 -
vue表单数据交互提交演示
文章目录欢迎来到 vue-form 表单提交演示间, 你有更好的建议,请告知楼主额!1. 客户端 html2. 服务端,以PHP为例欢迎来到 vue-form 表单提交演示间, 你有更好的建议,请告知楼主额!1. 客户端 html<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2018-12-03 17:26:43 · 13286 阅读 · 0 评论