JavaScript & TypeScript 学习总结

一、什么是JavaScript？

• JavaScript 是一种轻量级的编程语言。
• JavaScript 是可插入 HTML 页面的编程代码。

JavaScript最大的特点就是可以动态地改变网页数据，使用了JavaScript可以让你的网页变得有互动性，从静态网页变为动态.
zxc

---

二、个人对于JS知识汇总

1.标识符

与大多编程语言中变量的要求一致

• 第一个字符必须是字母、下划线（_）或美元符号这3种其中之一，其后的字符可以是字母、数字或下划线、美元符号。

• 变量名不能包含空格、加号、减号等符号。

• 标识符不能和JavaScript中用于其他目的的关键字同名。

• 标识符采用驼峰大小写格式，也就是第一个字母小写，剩下的每个单词的首字母大写（推荐）。

  如下例

i
Book_id
ShopManger

2.变量

使用关键字 var 来定义变量， 使用等号来为变量赋值

var i=1; 

其中变量可分为全局变量和局部变量

• 全局变量在主程序中定义，其有效范围是从定义开始，一直到本程序结束为止。
• 局部变量在程序的函数中定义，其有效范围只有在该函数之中；当函数结束后，局部变量生存期就结束了。

3.运算符

算数运算符：用于加减乘除等运算

运算符	作用	示例
+	加法运算	4+6//返回10
-	减法运算	5-2//返回3
*	乘法运算	4*6//返回24
/	除法运算	8/4//返回2
%	求余数运算	5/2//返回1
++	自增运算	++1//先自增为2再返回2
–	自减运算	2–//先返回2再自减为1

比较运算符:比较操作，返回布尔值true或false

运算符	作用	示例
<	是否小于运算	4<6//返回true
>	是否大于运算	5>2//返回true
<=	是否小于等于运算	4<=6//返回false
>=	是否大于等于运算	8>=4//返回true
==	是否等于运算	5==2//返回false
!=	是否不等于运算	1!=5//返回true

赋值运算符:赋值操作

运算符	作用
=	a=b//把b的值赋给a
+=	a+=b//a=a+b
-=	a-=b//a=a-b
*=	a*=b//a=a*b
/=	a/=b//a=a/b
%=	a%=b//a=a%b
&=	a&=b//a=a&b(逻辑运算)
	=

4.函数

• 函数的本质就是一个代码块，一个完整的代码可以被拆分成许多代码块。

声明函数格式：

function functionname()
{
    // 执行代码
}

• 当这个函数被调用的时候就会执行该函数内的代码

注： 在函数内部声明的变量都是局部变量，只能在 函数内部访问，也就是在不同的函数内部可以声明变量名相同的有效变量，不会引起冲突
在函数外面声明的变量是全局变量，整个网页的所有函数都可以对它进行访问

5.对象

在JavaScript中，可以通过以下例子创建对象
var 对象名={ 属性名：”属性值“}

var  person={ name ： ”xxxx“}

可以通过以下例子访问对象

变量=对象名. 属性

name=person.name;

---

三、什么是TypeScript

TypeScript 是 Microsoft 开发和维护的一种面向对象的编程语言，是 JavaScript 的超集，包含了 JavaScript 的所有元素，可以载入 JavaScript 代码运行，并扩展了 JavaScript 的语法。
其最大的特点为他的类型系统，分为动态类型和静态类型。

---

四、个人对于TypeScript知识汇总

1. 类

定义方法：

 class 类名{
	类的内容...
	类的内容...
	类的内容...
 }

类的作用：

• 可以使用类来执行方法

disp():void{
	..........;
}

• 可以使用类来创建构造函数

	constructor(id:int){
	this.id=id;
}

• 可以使用类来表明对象的数据内容

	类名.属性
	Student.id

2.函数

定义方法：

 fuction 函数名{
	函数的内容...
	函数的内容...
	函数的内容...
 }

函数的作用：
可以通过调用函数来执行函数对应的操作

	a=test.add("....");

可以通过函数将结果来返回到调用他的地方

	function hello():string { 
    // 语句
    return "Hello!"; 
}
	name=function_name("xxx");