ES6快速入门 一.解构 1. 对象解构 let person = { name: 'Tang', age: 28 }; //必须同名,必须初始化 let {name, age} = person; console.log(`Name: ${name} Age: ${age}`); //Name: Tang Age: 28 let person = { name: 'Tang', age: 28 }, name = 'Mao', age = '22'; //let {name, age} = p…

ES6快速入门 一.块级绑定 1.var声明与变量提升 使用var声明的变量,不论在何处都会被视为(声明)在函数级作用域顶部的位置发生. function getValue(condition) { //value: undefined console.log(value); if (condition) { var value = 'blue'; return value; } else { //value可以被访问到,其值为undefined console.log(value); //报错…

BBS项目内容回顾 1. 登陆页面 1. 验证码 1. PIL(Pillow) 2. io 2. ORM 1. 增删改查 3. AJAX $.ajax({ url: '', type: '', data: {}, success:function(res){ console.log(res) }, error:function(err){ console.log(err) } }) 2. 注册 1. ORM 2. form 1. 生成HTML代码 2. 校验(form_obj.is_valid(…

es6 快速入门(未完结,持续更新中...) 前言 为什么要学习es6 es6对于所有javaScript开发者来说,非常重要 未来,es6将构成javaScript应用程序的基础 es6中很多特性,都致力于解决开发者实际工作中遇到的问题 如何学习es6 准备测试环境 最简单的是浏览器 也可以在node环境中测试,我使用的是node+nodemon,写好代码,保存,立刻就可以看到输出 理解es6中新变化的来龙去脉,以及这些变化试图解决的问题 本系列从es6试图解决的问题开始,然后介绍es6是如何…

其他章节请看: es6 快速入门 系列 函数 函数是所有编程语言的重要组成部分,es6之前函数语法一直没什么变化,遗留了许多问题,javaScript开发者多年来不断抱怨,es6终于决定大力度更新函数特性,函数变得比以前更易于使用了. 试图解决的问题 默认参数 es5中模拟默认参数,通常这么实现: function demo1(v1, v2, v3){ v2 = v2 || 11 v3 = v3 || 22 } 更安全的做法是使用 typeof 检查 // 流行的javaScript库中均使用类…

其他章节请看: es6 快速入门 系列 变量声明:let和const 试图解决的问题 经典的 var 声明让人迷惑 function demo1(v){ if(v){ var color='red' } console.log(color) } demo(1) // red js引擎会将上面的 demo1 函数修改成下面的样子: function demo2(v){ var color; if(v){ color='red' } ... } 解决方法 将 var 声明改为 let 声明 func…

其他章节请看: es6 快速入门 系列 Promise Promise 是一种异步编程的选择 初步认识Promise 用 Promise 来实现这样一个功能:发送一个 ajax,返回后输出 json 数据.请看示例: const promise1 = new Promise((resolve, reject) => { setTimeout(() => { let json = {success: true, data:{}} resolve(json); }, 3000); }); cons…

其他章节请看: es6 快速入门 系列 async 前文我们已经知道 promise 是一种异步编程的选择.而 async 是一种用于执行异步任务更简单的语法. Tip:建议学完 Promise 在看本文. async 函数 async 函数是使用 async 关键字声明的函数.就像这样: async function fa(){ } async 函数可以看作由多个异步操作包装成的一个 Promise 对象. async 函数返回 Promise async 函数总是返回一个 Promise 对…

其他章节请看: es6 快速入门 系列 类 类(class)是 javascript 新特性的一个重要组成部分,这一特性提供了一种更简洁的语法和更好的功能,可以让你通过一个安全.一致的方式来自定义对象类型. 试图解决的问题 es5 及早期版本中没有类的概念,通常会编写类似下面这样的代码来自定义类: // 自定义类的思路是:首先创建一个构造函数,然后定义一个方法并赋值给构造函数的原型 function Rectangle(length, width){ this.length = length;…

其他章节请看: es6 快速入门 系列 对象 试图解决的问题 写法繁杂 属性初始值需要重复写 function createPeople(name, age){ // name 和 age 都写了 2 次 return { name: name, age: age } } 对象中的方法有更简单的写法吗? let person = { name: 'aaron', sayName: function(){ } } 原型访问困难 要记得如何使用 Object.getPrototypeOf() 方法和…