TypeScript 学习笔记(四)
函数:
1、函数是一组一起执行一个任务的语句
2、我们可以把一段可复用的代码放到一起组成函数,从而提高效率
3、函数声明(通过关键字 function 来声明)告诉编译器函数的名称、返回类型和参数
4、函数定义提供了函数的实际主体,在这里函数体由花括号括起来
5、函数有可选参数、默认参数和剩余参数等,可选参数由 "?" 号标识,默认参数则是提供默认值,
在不知道有几个参数的时候我们使用剩余参数,前面由 "..." 标识
function setNum(num?: number) {
let theNum = ;
// num 为可选参数
if (num)
theNum = num;
return theNum;
} function greet(firstName: string, lastName: string = "Yam") {
// lastName 为默认参数
return "Hello " + firstName + " " + lastName;
} // 剩余参数 sumArr
function add(...sumArr: number[]) {
let sum: number = ;
for (let i = ; i < sumArr.length; ++i)
sum += sumArr[i];
return sum;
} let getNum: number = setNum();
let hello = greet("Lemon");
let getSum = add(, , ); let str: string = `${getNum}
${hello}
${getSum}`; // 弹出 12
// HelloHello Lemon Yam
//
alert(str);
注:参数不能同时设为可选的和默认的
6、匿名函数是一个没有函数名的函数,我们可以赋值给一个变量,从而形成函数表达式
let func = function([args]) {...}
7、函数通过在函数后使用 "()" 实现自调用
// 赋值给 sayHello 后自调用
let sayHello = function () {
alert("Hello World");
}()
8、Lambda 函数也称箭头函数
// 格式为 ([param1, param2, ..., paramn]) => statement;
let greet = (name: string) => {alert(`Hello ${name}`);}
9、函数重载:方法名字相同而参数不同,返回类型1可以相同也可以不同
function disp(str: string) {
console.log(str);
} function disp(num: number) {
console.log(num);
} disp("Lemon");
disp(12);
Number:
1、对象属性:
a、MAX_VALUE:可表示的最大的数
b、MIN_VALUE:可表示的最小的数
c、NaN:非数字值
d、POSITIVE_INFINITY:正无穷大,溢出时返回该值,且该值大于 MAX_VALUE
e、NEGATIVE_INFINITY:负无穷大,溢出时返回该值,且该值小于 MIN_VALUE
f、prototype:Number 对象的静态属性,可通过它来向对象添加属性和方法
g、constructor:返回对创建此对象的 Number 函数引用
console.log("最大值" + Number.MAX_VALUE); // 最大值1.7976931348623157e+308
console.log("最小值" + Number.MIN_VALUE); // 最小值5e-324
console.log("非数字值" + Number.NaN); // 非数字值NaN
console.log("正无穷大" + Number.POSITIVE_INFINITY); // 正无穷大Infinity
console.log("负无穷大" + Number.NEGATIVE_INFINITY); // 负无穷大-Infinity function Person(id: number, name: string) { this.id = id;
this.name = name;
} let student = new Person(11, "Lemon");
Person.prototype.habbit = "basketball"; console.log("学号:" + student.id); // 学号:11
console.log("名字:" + student.name); // 名字:Lemon
console.log("爱好:" + student.habbit); // 爱好:basketball console.log("函数名字:" + student.constructor.name); // 函数名字:Person
2、对象方法:
a、toExponential():把对象的值转换为指数计数法
b、toFixed():把数字转换为字符串,并对小数点指定位数
c、toLocaleString():把数字转换为字符串,使用本地数字格式顺序
d、toPrecision():把数字格式化为指定的长度
e、toString():把数字转换为字符串,使用指定的基数(2~36 之间,默认为 10)
f、valueOf():返回一个 Number 对象的原始数字值
let num: number = 12.345;
// 12.345 的指数形式为:1.2345e+1
console.log("12.345 的指数形式为:" + num.toExponential());
// 12.345 保留小数点后 2 位后的字符串为:12.35
console.log("12.345 保留小数点后 2 位后的字符串为:" + num.toFixed(2));
// 转换成本地字符串12.345
console.log("转换成本地字符串" + num.toLocaleString());
// 指定长度为3后为:12.3
console.log("指定长度为3后为:" + num.toPrecision(3));
num = 16;
// 16 转换成 8 进制后的字符串为:20
console.log("16 转换成 8 进制后的字符串为:" + num.toString(8));
// 原始数字值16
console.log("原始数字值" + num.valueOf());
TypeScript 学习笔记(四)的更多相关文章
- Typescript 学习笔记四:回忆ES5 中的类
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记七:泛型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记六:接口
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记五:类
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记二:数据类型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记三:函数
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记一:介绍、安装、编译
前言 整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...
- C#可扩展编程之MEF学习笔记(四):见证奇迹的时刻
前面三篇讲了MEF的基础和基本到导入导出方法,下面就是见证MEF真正魅力所在的时刻.如果没有看过前面的文章,请到我的博客首页查看. 前面我们都是在一个项目中写了一个类来测试的,但实际开发中,我们往往要 ...
- IOS学习笔记(四)之UITextField和UITextView控件学习
IOS学习笔记(四)之UITextField和UITextView控件学习(博客地址:http://blog.csdn.net/developer_jiangqq) Author:hmjiangqq ...
- java之jvm学习笔记四(安全管理器)
java之jvm学习笔记四(安全管理器) 前面已经简述了java的安全模型的两个组成部分(类装载器,class文件校验器),接下来学习的是java安全模型的另外一个重要组成部分安全管理器. 安全管理器 ...
随机推荐
- Ubuntu1804中重新认识docker
这又是一篇充数的笔记……之前在Ubuntu中折腾过好几次了,但是关于他俩之间的故事总是参杂着第三者,不太纯粹,这一次只说她两之间的故事. 上一篇笔记弄好了Ubuntu环境.之后就是准备迎娶docker ...
- delete和Vue.$delete删除数组的区别
delete delete只是被删除的元素变成了 empty/undefined ,其他的元素的键值对应关系还是不变. Vue.$delete 直接删除了数组中元素,数组的键值对应关系发生相应变化 例 ...
- [AI开发]DeepStream开发填坑记录
下面是在deepstream使用过程中碰到的一些坑: (1)Pipeline中的Sink如果需要编码存文件或者推rtmp的流,注意控制编码的参数,编码质量不要太高.否则可能Sink带不动,整个Pipe ...
- weed3-2.2.细讲插入和更新
Weed3 一个微型ORM框架(只有0.1Mb哦) 源码:https://github.com/noear/weed3 源码:https://gitee.com/noear/weed3 这篇重点讲讲插 ...
- 从零开始的vue学习笔记(三)
事件处理 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码,示例: <div id="example-2"> <!-- `gree ...
- python高阶函数——map/reduce
python 内置了map()和reduce()函数 1.map()函数 map()函数接收两个参数,一个是函数,一个是可迭代对象Iterable,map将传入的函数依次作用于序列的每一个元素.并把结 ...
- 剑指offer笔记面试题1----赋值运算符函数
题目:如下为类型CMyString的声明,请为该类型添加赋值运算符函数. class CMyString{ public: CMyString(char* pData = nullptr); CMyS ...
- vue2y引入iview,在ie11报错的解决办法
在ie11中打开vue项目一片空白,F12打开控制台发现如下错误 只需要在build/webpack.base.conf.js中加一行代码即可
- leaflet 结合 Echarts4 实现迁徙图(附源码下载)
前言 leaflet 入门开发系列环境知识点了解: leaflet api文档介绍,详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件,leaflet ...
- 【Gradle】Android Gradle 多渠道构建
Android Gradle 多渠道构建 多渠道构建的基本原理 在Android Gradle中,定义了一个叫Build Variant的概念,一个Build Variant=Build TYpe+P ...