typeScript中的函数
// 函数的定义 //es5定义函数的方法
/*
//函数声明法
function run(){ return 'run';
}
//匿名函数
var run2=function(){ return 'run2';
}
*/ //ts中定义函数的方法
//函数声明法
// function run():string{ // return 'run';
// } //错误写法
// function run():string{ // return 123;
// } //匿名函数 // var fun2=function():number{ // return 123;
// } // alert(fun2()); /*调用方法*/ //ts中定义方法传参
/*
function getInfo(name:string,age:number):string{ return `${name} --- ${age}`;
} alert(getInfo('zhangsan',20)); */ // var getInfo=function(name:string,age:number):string{ // return `${name} --- ${age}`;
// } // alert(getInfo('zhangsan',40)); //没有返回值的方法 // function run():void{ // console.log('run')
// }
// run(); // 3.2、方法可选参数 // es5里面方法的实参和行参可以不一样,但是ts中必须一样,如果不一样就需要配置可选参数 /*
function getInfo(name:string,age?:number):string{ if(age){ return `${name} --- ${age}`;
}else{ return `${name} ---年龄保密`;
} } alert(getInfo('zhangsan')) alert(getInfo('zhangsan',123))
*/ //注意:可选参数必须配置到参数的最后面 //错误写法
/*
function getInfo(name?:string,age:number):string{ if(age){ return `${name} --- ${age}`;
}else{ return `${name} ---年龄保密`;
} } alert(getInfo('zhangsan'))
*/ // 3.3、默认参数 可选参数 // es5里面没法设置默认参数,es6和ts中都可以设置默认参数 /* function getInfo(name:string,age:number=20):string{ if(age){ return `${name} --- ${age}`;
}else{ return `${name} ---年龄保密`;
} } // alert( getInfo('张三'));
alert( getInfo('张三',30));
*/ // 3.4、剩余参数 // function sum(a:number,b:number,c:number,d:number):number{ // return a+b+c+d; // } // alert(sum(1,2,3,4)) ; //三点运算符 接受新参传过来的值 /*
function sum(...result:number[]):number{ var sum=0; for(var i=0;i<result.length;i++){ sum+=result[i];
} return sum; } alert(sum(1,2,3,4,5,6)) ;
*/ /* function sum(a:number,b:number,...result:number[]):number{ var sum=a+b; for(var i=0;i<result.length;i++){ sum+=result[i];
} return sum; } alert(sum(1,2,3,4,5,6)) ;
*/ // 3.5、ts函数重载 // java中方法的重载:重载指的是两个或者两个以上同名函数,但它们的参数不一样,这时会出现函数重载的情况。 // typescript中的重载:通过为同一个函数提供多个函数类型定义来试下多种功能的目的。 //ts为了兼容es5 以及 es6 重载的写法和java中有区别。 //es5中出现同名方法,下面的会替换上面的方法
/*
function css(config){ } function css(config,value){ }
*/ //ts中的重载 // function getInfo(name:string):string; // function getInfo(age:number):string; // function getInfo(str:any):any{ // if(typeof str==='string'){ // return '我叫:'+str;
// }else{ // return '我的年龄是'+str;
// } // } // alert(getInfo('张三')); //正确 // alert(getInfo(20)); //正确 // alert(getInfo(true)); //错误写法 function getInfo(name:string):string;
function getInfo(name:string,age:number):string;
function getInfo(name:any,age?:any):any{
if(age){ return '我叫:'+name+'我的年龄是'+age;
}else{ return '我叫:'+name;
}
} // alert(getInfo('zhangsan')); /*正确*/ // alert(getInfo(123)); 错误 // alert(getInfo('zhangsan',20)); // 3.6、箭头函数 es6 //this指向的问题 箭头函数里面的this指向上下文 // setTimeout(function(){ // alert('run')
// },1000) setTimeout(()=>{ alert('run')
},1000)
typeScript中的函数的更多相关文章
- TypeScript 中函数的理解?与 JavaScript 函数的区别?
一.是什么 函数是JavaScript 应用程序的基础,帮助我们实现抽象层.模拟类.信息隐藏和模块 在TypeScript 里,虽然已经支持类.命名空间和模块,但函数仍然是主要定义行为的方式,Type ...
- JavaScript 和 TypeScript 中的 class
对于一个前端开发者来说,很少用到 class ,因为在 JavaScript 中更多的是 函数式 编程,抬手就是一个 function,几乎不见 class 或 new 的踪影.所以 设计模式 也是大 ...
- TypeScript 中的方法重载
方法重载(overload)在传统的静态类型语言中是很常见的.JavaScript 作为动态语言, 是没有重载这一说的.一是它的参数没有类型的区分,二是对参数个数也没有检查.虽然语言层面无法自动进行重 ...
- typescript中的接口
说到接口:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用.接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心 ...
- Typescript中的装饰器原理
Typescript中的装饰器原理 1.小原理 因为react中的高阶组件本质上是个高阶函数的调用, 所以高阶组件的使用,我们既可以使用函数式方法调用,也可以使用装饰器. 也就是说,装饰器的本质就是一 ...
- TypeScript学习笔记—函数
函数定义 在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression): // 函数声明(Fu ...
- TypeScript完全解读(26课时)_5.TypeScript完全解读-函数
5.TypeScript完全解读-函数 新建function.ts.然后在index.ts内引用 给函数定义参数类型:上面是es5的写法 下面是ts6的写法 一个完整的函数类型.括号 箭头 numbe ...
- 十分钟教你理解TypeScript中的泛型
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者.原文出处:https://blog.bitsrc.io/understanding-generics-in-t ...
- TypeScript中使用getElementXXX()
如果只是看解决方法,可以直接跳到第二小节 简述 Angular 1.x版本是用JavaScript编写的,我们在百度Angular经常会搜索到AngularJS,并不是JavaScript的什么衍生版 ...
随机推荐
- 神经网络学习中的损失函数及mini-batch学习
# 损失函数(loss function).这个损失函数可以使用任意函数,# 但一般用均方误差(mean squared error)和交叉熵误差(cross entropy error)等一切都在代 ...
- LINQ查询表达式(3) - LINQ 查询分组
对查询结果进行分组 分组是 LINQ 最强大的功能之一. 下面的示例演示如何以各种方式对数据进行分组: 按照单个属性. 按照字符串属性的首字母. 按照计算出的数值范围. 按照布尔谓词或其他表达式. 按 ...
- 再论strlen sizeof
今天,在使用字符串的时候,对sizeof和strlen的用法更加深入了,特此记录下. strlen是运行是计算的,不能放在函数外面计算的sizeof是预编译时运行的,可以放在函数外面计算. 对于cha ...
- mybatis oracle两种方式批量插入数据
mybatis oracle两种方式批量插入数据 注意insert,一定要添加: useGeneratedKeys="false" ,否者会报错. <insert id=&q ...
- com.alibaba.fastjson把JSONObject转换为Map<String, String>对象
https://www.cnblogs.com/fomeiherz/p/6351287.html JSONObject obj = new JSONObject();{obj.put("ke ...
- 面试官常问的20道Java题目(附答案)-来自Java1234
1. 以下代码的输出结果是(A) int i =3; i = i++; System.out.println(i); A .3 B.4 C.5 a=b++是先将b值赋值给a后b再自增. 2. Ma ...
- 利用fgetc统计文件所在字节 和 总行数 和单词数
#include <stdio.h> #include <stdlib.h> #define IS_WHITE_SPACE(c) ((c)==' '||(c)=='\t'||( ...
- C用malloc 向系统申请一个大小为n*4个字节的内存块
#include <stdio.h> #include <malloc.h> void out(int *p, int n){ int i; for(i=0;i<n;i+ ...
- 9.11 myl模拟赛
9.11 myl 模拟赛 100 + 100 + 0 第一题耗费了太多的时间,导致最后一题没有时间想,直接去写了暴力,而且出题人没有给暴力分.... Problem 1. superman [题目描述 ...
- Luogu4294 【WC2008】游览计划
斯坦纳树(我也不知道为什么叫这个名字)是一种状压dp的套路,求在无向带花连通图中,选取边使一些特殊点连通起来的最小花费. 具体到这题就是这样的,设\(f_{u,S}\)表示当前根是\(u\),与它连通 ...