TypeScript学习(三)：变量定义，运算符，语句，函数

2024-06-08 18:24:04
开发
27

//1.变量定义，var和let的区别

var t1="";

var t1="123"

let t2=123;

//let t2=456;//区别1.let重复声明会报错，var则不会，所以建议一般用let来声明变量，免得覆盖了前值

//在html文档中，存在window对象时，此时this指向window对象

console.log(this.t1); // 123

//console.log(this.t2); // 区别2.let声明的变量不会在全局对象里面创建属性，输出：undefined

//2.变量声明

var global_num = 12; // 全局变量或使用let

class Numbers {

num_val = 13; // 实例变量

static sval = 10; // 静态变量

storeNum():void {

var local_num = 14; // 局部变量

}

console.log("全局变量为: "+global_num)

console.log(Numbers.sval) // 静态变量

var obj = new Numbers();

console.log("实例变量: "+obj.num_val);

//3.运算符

//3.1 算术运算符加+ 减- 乘* 除/ 自增++ 自减-- 取模%

let a:number=200,b:number=100;

console.log(a+b);

console.log(a-b);

console.log(a*b);

console.log(a/b);

a++;

console.log(a);

a--;

console.log(a);

console.log(a%b);

/**

* 结果

* 300

* 100

* 20000

* 2

* 201

* 200

* 0

//3.2 关系运算符等于== ,不等于!=, 大于>, 小于< ,大于等于>=, 小于等于<=

var num1:number = 5;

var num2:number = 9;

console.log("num1 的值为: "+num1);

console.log("num2 的值为:"+num2);

var res = num1>num2

console.log("num1 大于n num2: "+res)

res = num1<num2

console.log("num1 小于 num2: "+res)

res = num1>=num2

console.log("num1 大于或等于 num2: "+res)

res = num1<=num2

console.log("num1 小于或等于 num2: "+res)

res = num1==num2

console.log("num1 等于 num2: "+res)

res = num1!=num2

console.log("num1 不等于 num2: "+res)

/**

* 结果

* num1 的值为: 5

num2 的值为:9

num1 大于n num2: false

num1 小于 num2: true

num1 大于或等于 num2: false

num1 小于或等于 num2: true

num1 等于 num2: false

num1 不等于 num2: true

//3.3 逻辑运算符与&& 或|| 非!

var avg:number = 20;

var percentage:number = 90;

console.log("avg 值为: "+avg+" ,percentage 值为: "+percentage);

var res:boolean = ((avg>50)&&(percentage>80));

console.log("(avg>50)&&(percentage>80): ",res);

var res:boolean = ((avg>50)||(percentage>80));

console.log("(avg>50)||(percentage>80): ",res);

var res:boolean=!((avg>50)&&(percentage>80));

console.log("!((avg>50)&&(percentage>80)): ",res);

/**

* 结果

* avg 值为: 20 ,percentage 值为: 90

* (avg>50)&&(percentage>80): false

* (avg>50)||(percentage>80): true

* !((avg>50)&&(percentage>80)): true

//3.4 二进制，位运算符按位与&，或|，非~，异或^，左移<<，右移>>，无符号右移>>>

var c:number = 2; // 二进制 10

var d:number = 3; // 二进制 11

var result;

result = (c & d);

console.log("(c & d) => ",result)

result = (c | d);

console.log("(c | d) => ",result)

result = (c ^ d);

console.log("(c ^ d) => ",result);

result = (~d);

console.log("(~d) => ",result);

result = (c << d);

console.log("(c << d) => ",result);

result = (c >> d);

console.log("(c >> d) => ",result);

result = (c >>> 1);

console.log("(c >>> 1) => ",result);

/**

* 结果

(c & d) => 2

(c | d) => 3

(c ^ d) => 1

(~d) => -4

(c << d) => 16

(c >> d) => 0

(c >>> 1) => 1

//3.5赋值运算符

/**

* = (赋值),+= (先进行加运算后赋值),-= (先进行减运算后赋值),*= (先进行乘运算后赋值),/= (先进行除运算后赋值)

* 类似的还有:<<=, >>=, >>>=, &=, |= 与 ^=

* */

var e:number = 12

var f:number = 10

e = f

console.log("e = f: "+e)

e += f

console.log("e+=f: "+e)

e -= f

console.log("e-=f: "+e)

e *= f

console.log("e*=f: "+e)

e /= f

console.log("e/=f: "+e)

e %= f

console.log("e%=f: "+e)

/**

* 结果

* e = f: 10

e+=f: 20

e-=f: 10

e*=f: 100

e/=f: 10

e%=f: 0

//3.6 三元运算符 ? :

var num:number = -2

var result1 = num > 0 ? "大于 0" : "小于 0，或等于 0"

console.log(result1)

//结果：小于 0，或等于 0

//3.7 类型运算符typeof 返回数据的类型,instanceof 运算符用于判断对象是否为指定的类型

var num = 12 ;//这是js的写法，ts需要指定类型,ts兼容js语法

console.log(typeof num);

//输出结果: number

class Person{

constructor(public name:string,public age:number){};

}

const p=new Person("jacky",18);

console.log(p instanceof Person);

//输出结果: true

//3.8其他运算符 -表示取负，+字符串相连

var x = 1;

var y = -x;

console.log("x 值为: ", x); // 输出结果 1

console.log("y 值为: ", y); // 输出结果 -1

var msg:string = "good"+"job"

console.log(msg);//输出goodjob

//4.语句

//4.1条件语句 if,if else, if else if else,switch

var num:number = 5

if (num > 0) {

console.log("数字是正数")

}

//输出结果：数字是正数

var num:number = 12;

if (num % 2==0) {

console.log("偶数");

} else {

console.log("奇数");

}

//输出结果：偶数

var num:number = 2

if(num > 0) {

console.log(num+" 是正数")

} else if(num < 0) {

console.log(num+" 是负数")

} else {

console.log(num+" 不是正数也不是负数")

}

//输出结果：2是正数

var grade:string = "A";

switch(grade) {

case "A": {

console.log("优");

break;

}

case "B": {

console.log("良");

break;

}

case "C": {

console.log("及格");

break;

}

case "D": {

console.log("不及格");

break;

}

default: {

console.log("非法输入");

break;

}

//输出结果：优

//4.2 循环语句 for,fo...in,for...of,forEach,every,while，do while

//for 计算4的阶乘

var num:number = 4;

var i:number;

var factorial = 1;

for(i = num;i>=1;i--) {

factorial *= i;

}

console.log(factorial)

//输出结果：24

//for in 循环数组

var j:any;

var n:any = "a b c"

for(j in n) {

console.log(n[j])

}

//for of循环

let someArray = [1, "string", false];

for (let entry of someArray) {

console.log(entry); // 1, "string", false

}

//forEach循环

let list = [4, 5, 6];

list.forEach((val, idx, array) => {

// val: 当前值

// idx：当前index

// array: Array

console.log("idx="+idx+",val="+val+",array="+array);

});

/**

* 运行结果：

* idx=0,val=4,array=4,5,6

idx=1,val=5,array=4,5,6

idx=2,val=6,array=4,5,6

//every循环

let list1 = [4, 5, 6];

list1.every((val, idx, array) => {

// val: 当前值

// idx：当前index

// array: Array

console.log("every,idx="+idx+",val="+val+",array="+array);

return true; // Continues

// Return false will quit the iteration

});

//运行结果同上

var num = 4;

var factorial = 1;

while (num >= 1) {

factorial = factorial * num;

num--;

}

console.log("4的阶乘为：" + factorial);

//运行结果：4的阶乘为：24

//do while循环

var n1:number = 10;

do {

console.log(n1);

n1--;

} while(n1>=0);

//break 退出当前循环体

var i:number = 1

while(i<=10) {

if (i % 5 == 0) {

console.log ("在 1~10 之间第一个被 5 整除的数为 : "+i)

break; // 找到一个后退出循环

}

i++

} // 输出 5 然后程序执行结束

//continue 继续当前循环，continue以下语句不被执行

var num:number = 0

var count:number = 0;

for(num=0;num<=20;num++) {

if (num % 2==0) {

continue

}

count++

}

console.log ("0 ~20 之间的奇数个数为: "+count) //输出10个奇数

//无限循环

for(;;) {

console.log("这段代码会不停的执行")

}

while(true) {

console.log("这段代码会不停的执行")

}

//5.函数定义function

function test(p1:string,p2:number):number {

// 函数定义

console.log("调用函数")

return 123;

}

原文地址:https://blog.csdn.net/figo0423/article/details/139531168 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://www.suanlizi.com/kf/1799386906321096704.html 如若内容造成侵权/违法违规/事实不符，请联系《酸梨子》网邮箱：1419361763@qq.com进行投诉反馈，一经查实，立即删除！

阅读全部

TypeScript学习(三)：变量定义，运算符，语句，函数

相关推荐

最近更新

热门阅读