2,一位前端大牛的BAT面试心得与经验总结,2024一线互联网校招面试真题解析

45 阅读2分钟

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)