- 博客(16)
- 资源 (3)
- 收藏
- 关注
原创 TypeScript-函数
1.使用TypeScript语法编写函数:/** * 1.定义一个普通函数 * @param a 参数a并且指定参数类型 * @param b 参数b并且指定参数类型 * @returns {number} 返回的类型为number */function sum1(a:number,b:number):number{ return a+b;}/** * 2.定义一个匿名函数
2017-12-31 12:32:51 535
原创 TypeScript-封装Person类
使用TypeScript语法类封装一个Person类。这个案例可以学到访问修饰符和静态变量的用法。TypeScript语法:/** * 访问修饰符: * public :所有类都可以访问的元素 * protect:继承的类可以访问以及和private一样的权限 * private:只能在自己类的内部进行访问的元素 */class Person{ //定义两个私有变量,能在自己类的
2017-12-29 16:25:38 1607
原创 TypeScript-继承
下面的例子是使用TypeScript语法来实现Programer类 继承 Person类TypeScript语法:/** * Created by liujun on 2017/12/29. *//** * 1.定义一个类 */class Person{ // let name:string; //这个会报错,不能有let声明 /** * 2.定义变量
2017-12-29 15:13:10 1721
原创 TypeScript-数据类型
TypeScript-数据类型下面是ts文件(TS语法):/** * Created by liujun on 2017/12/29. *//*1.定义布尔类型*/let isDoing : boolean=false; // :boolean 是类型批注console.log(isDoing);/*2.定义数据类型*/let count1:number=10; //:number 是类型
2017-12-29 12:09:05 477
原创 TypeScript-环境搭建
1.什么是TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作。TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScr
2017-12-29 11:33:38 306
原创 ES7-async和await
上一篇博客使用 Promise 和 Generator 结合实现把异步代码风格写成同步代码的风格,其实这种方式在ES7语法里面认为是过时了。那么ES7语法里面如何实现把异步代码风格写成同步代码的风格?在ES7里面要实现把异步代码风格写成同步代码的风格已经变的更加简单了,仅仅使用到 async 和 await 这两个关键字就可以实现。需求:还是上篇的需求,使用ajar依次发送3次网络请求, 必须前一次
2017-12-29 10:58:07 274
原创 ES6-Promise与Generator结合
需求:使用ajar依次发送3次网络请求, 必须前一次发送成功后才能进行下一次的网络请求。目的:实现把异步代码的风格写成了同步代码的风格。这个就是Promise + Generator 结合的精髓1.jQuery中ajar的实现使用ajar依次发送3次网络请求, 第一次请求user.json, 请求成功后发起第二次网络请求获取banners.json , 第二次获取banners.j...
2017-12-29 10:09:06 598
原创 ES6-Generator函数
普通函数:最大特点就是函数一路执行到底,中间不会暂停执行Generator函数:是协程在 ES6 的实现,最大特点就是可以交出函数的执行权(即暂停执行)。Generator 是生成器的意思。1.普通 函数 function sum1(a,b) { return a+b; } console.log(sum1(...
2017-12-28 18:58:03 231
原创 ES6-Promise承诺
Promise对象表示用于处理异步请求 和请求的成功或者失败。(简单点说就是 : 用同步一样的方式,来书写异步代码)。异步:同时可以进行多个操作,每一个操作互不干扰 同步:同一个时刻只能做一件事情,做完了才能继续做1.jQuery中的ajar实现异步请求 <script src="jquery-1.11.3.min.js"></script> ...
2017-12-28 17:49:30 733
原创 ES6-中的继承
下面的例子是分别使用ES5和ES6的语法来实现Programer类 继承 Person类1.ES5中的继承实现 <script> /** * 1.Person 构造器 * @param name * @param age * @constructor */ ...
2017-12-28 16:40:45 217
原创 ES6-字符串模板
1.普通字符串的拼接普通字符串在与变量拼接时一般使用+号,这种适用于简单的拼接。如果是复杂的拼接使用JSX中的字符串模板比较方便。 //1.普通字符串的拼接 var str='I bought an iphone '; var number=7; console.log(str+number+'s'); // I bou...
2017-12-28 16:09:33 5796
原创 ES6-数组
ES6 中数组的常用函数:map , filter , reduce1.map函数map 是映射的意思。map函数的的作用就是将一个数组映射为另一个数组。 返回一个新的数组。 例如:1.将一个普通数组映射为对象数组将[60,70,80] 映射为 [{score: 60}, {score: 70}, {score: 80}] //将一个普通数组映射为对象数组,...
2017-12-28 15:47:23 897
原创 ES6-解构赋值
重点内容1.es5 普通的赋值将arr数组中的值赋值给a ,b ,c 变量。 虽然这种赋值是可以,但是比较繁琐,jsx语法提供了更加简单的方法–解构赋值。 var arr1=[1,2,3]; var a=arr1[0]; var b=arr1[1]; var c=arr1[2]; console.log(...
2017-12-28 11:45:11 397
原创 ES6-函数的参数
1.es5普通的参数 function sum1(a,b) { return a+b; } console.log(sum1(1,2)); console.log(sum1(1,2,3,4,5));//sum1函数如何接收剩余参数sum1函数如何接收剩余的3,4,5参数 ? 可以使用jsx中的......
2017-12-28 11:06:48 517
原创 ES6-箭头函数
1.es5普通函数 function sum1(a,b) { return a+b; }2.es5匿名函数 var sum2=function (a,b) { return a+b; }3.ES6箭头函数把匿名的函数去掉 function 函数 , 同时添...
2017-12-28 10:41:54 1157
原创 ES6-let const变量
1.es5中var变量的缺陷:1.变量名可重复 2.无法限制变量的修改 3.没有块作用域 <script> /** * 1. es5 声明变量的方法 var * 缺陷:1.变量名可重复 2.无法限制变量的修改 3.没有块作用域 * @type {number} */ ...
2017-12-28 10:32:32 217
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人