JavaScript & TypeScript 学习总结

JavaScript的用途

用来控制网页行为，让网页可交互，比如改变网页内容、修改元素属性值等。

JavaScript的使用方式

内部脚本：把JS代码写在HTML页面里。

                  需要位于<script>和</script>标签之间，这个标签可以放在HTML文档里的任意地方放任意多个。

外部脚本：把JS代码写在外部JS文件再引入到HTML页面里。

                  定义一个.js文件，在里面写对应的JS代码，在页面中用<script src = xxx/xxx.js></script>来引入这个js文件。

JavaScript的基本语法

书写相关

1.区分大小写，跟java一样

2.行结尾分号可以没有

3.大括号里是代码块，跟java一样

输出相关

window.alert("xxxx");//写入警告框，也就是会弹个窗显示

doucument.write("xxxxx");//写入html页面，也就是显示在页面上

console.log("xxxxx");//写入控制台，按F12可以看到控制台，也就是显示在控制台上

变量

用var 来声明全局变量，格式var 变量名 = 数据值;

JavaScript是弱类型语言，可以重复定义一个变量，变量可以存放不同类型的值，比如：

var test = 10;

var test = 20;

test = "张三"; //变量的值会改为字符串类型的数

用let 声明变量，只在let关键字所在的代码块内有效，且不能重复声明。

{

  let test = 10;
}

alert(10);//不会弹出结果

const用来声明一个只读的常量，不能更改。

操作符

跟java语言相似，有一点： == 和===不一样。

==：先判断类型，不一样就进行类型转换，再比较值

===：先判断类型，不一样就直接返回false，再比较值

语句

if，do while, while, for, break, continue, switch也和java类似。

函数

两种方式定义：1.function   函数名称（参数...）{}

                         2.var 函数名称 = function(参数列表){}

对象

Obj对象定义常用方法： var xxx={

                                              xxx:'  xxxx';

                                              xxx1:' xxxxx';

                                              sayXxx:function(){

                                               console.log(this.xxx);

                                               }
                                       }

Array的使用方法：

元素联合

var  x1 = ['xxx','xxxx','xxxxx'];

console.log(x1.join(','));//xxx,xxxx,xxxxx

console.log(x1.join('||'));//xxx||xxxx||xxxxx

堆栈方法

用push()和pop()方法可以实现类似栈的行为。

splice（参数1，参数2）方法

//参数一为索引，参数二为个数

删除元素，并向数组添加新元素。

链式语法

只要让每个函数返回this代表包含该函数的对象，这样其他函数就可以立即被调用。

TypeScript

Typescript是JavaScript类型的超集，可以编译成纯Javascript。

TypeScript可以构建大型程序，并在任何浏览器、计算机、操作系统上运行，同时开发体验远超纯Javascript，无需运行程序就可以修复潜在bug。

数据类型

boolean：true 或者false

string：字符串类型

number：数值类型

void：没有返回值的函数   //跟JavaScript不同

函数

就是在大括号里的代码块，格式如下：

function functionname() {

// 代码块

}

调用函数就是 functionname();

类

是面向对象的JavaScript，使用类描述所创建的对象的属性和方法，支持类，接口等。

定义方式：class  xxx{
                    //要用的属性和方法

                  }

访问控制符：public，protected，private分别对应公有，受保护，私有，总的来说跟之前学的C++面向对象差不多。

模块

对于大型项目，要使用模块进行管理。每个.ts文件就是一个模块，通过export来对外部模块暴露元素，通过import来引入模块。

总结

Javascript跟Typescript在有一定的Java编程基础（虽然完全不是一个东西）和面向对象基础时，上手很快，当然也有我学的比较浅这一原因，毕竟学习永无止境，只有学的深入才会有更多疑问，本次学习算是打下了一点基础，以后可以不断精进。