es5的写法(正确写法) ts中(错误写法)
var arr=[‘1’,‘2’]; //es5定义数组
ts中定义数组有两种方式
•第一种定义数组的方式
var arr: number[] = [11, 22, 33];
alert(arr);
•第二种定义数组的方式
var arr:Array=[11,22,33];
alert(arr);
元组类型(tuple) 属于数组的一种
let arr:[number,string]=[123,‘this is ts’];
alert(arr);
arr[1].substr(1) // ok
arr[0].substr(1) // Property ‘substr’ does not exist on type ‘number’.
let list: [number, string?, boolean?]
list = [10, ‘Sherlock’, true]
list = [10, ‘Sherlock’]
list = [10]
代码解释:
•元组中规定的元素类型顺序必须是完全对照的,而且不能多、不能少
•arr中定义的第二个元素为 string类型,不能赋值为 number类型的数据。
•当赋值或访问一个已知索引的元素时,会得到正确的类型:
•第 3 行,arr[1] 是一个字符串类型,拥有 substr() 方法。
•第 4 行,arr[0] 是一个数字类型,没有 substr() 方法,所以报错。
•元组类型允许在元素类型后缀一个 ? 来说明元素是可选的
•可选元素必须在必选元素的后面,也就是如果一个元素后缀了 ?号,其后的所有元素都要后缀 ?号。
枚举类型(enum)
随着计算机的不断普及,程序不仅只用于数值计算,还更广泛地用于处理非数值的数据。例如:性别、月份、星期几、颜色、单位名、学历、职业等,都不是数值数据。在其它程序设计语言中,一般用一个数值来代表某一状态,这种处理方法不直观,易读性差。如果能在程序中用自然语言中有相应含义的单词来代表某一状态,则程序就很容易阅读和理解。也就是说,事先考虑到某一变量可能取的值,尽量用自然语言中含义清楚的单词来表示它的每一个值,这种方法称为枚举方法,用这种方法定义的类型称枚举类型。
写法
enum 枚举名{
标识符[=整型常数],
标识符[=整型常数],
…
标识符[=整型常数],
} ;
枚举类型(enum)示例
enum Flag {success = 1, error = 2};
let s:Flag=Flag.success; let f:Flag=Flag.error;
alert(s);//1
alert(f);//2
enum Color {blue,red=3,‘orange’};
document.write(JSON.stringify(Color));
let c:Color=Color.blue;
alert©; //0
let d:Color=Color.red;
alert(d); //3 如果标识符没有赋值 它的值就是下标
let e:Color=Color.orange;
alert(e); //4
let g= Color[4];
alert(g);//‘orange’
任意类型(any)
var num:any=123;
num=‘str’;
num=true;
alert(num)
任意类型(any)的用处
var oBox=document.getElementById(‘box’);//typeScript中的数据类型没有Object
oBox.style.color=‘red’;//会有警告:Object is possibly ‘null’
var oBox:any=document.getElementById(‘box’);
oBox.style.color=‘red’;
null 和 undefined :属于其他数据类型(never类型)的子类型
//变量定义未赋值
var num:number;
alert(num) //输出:undefined 报错
var num2:undefined;
//定义num2 同时指定undefined
alert(num2) //输出:undefined //正确
var num4:null;
num4 = null;
alert(num4)
一个元素可以设置多个类型
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
前端资料汇总
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。
首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。
更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点:和什么人、做什么事、给多少钱,要给这三者在自己的心里划分一个比例。
最后,祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。
我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。
首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。
更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点:和什么人、做什么事、给多少钱,要给这三者在自己的心里划分一个比例。
最后,祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。