JAVAScript&TypeScript总结

JAVAScript总结

JavaScript会严格区分大小写

一）使用

内嵌式JS

<script>
  alert('Hello World');
</script>

外部JS

在一个单独的js文件中编写代码，然后在html文件中使用script标签引用
<script src=”××.js”></script>

二)JS基本语法

1.注释

单行注释

//  单行注释

多行注释

/*
多行注释
*/ 

2. 标识符

标识符可以是按照下列格式规则组合起来的一或多个字符;
第一个字符必须是一个字母、下划线（ _ ）或一个美元符号;
其它字符可以是字母、下划线、美元符号或数字。
标识符不能是关键字和保留字符。

3.变量

变量的作用是给某一个值或对象标注名称。
变量的声明： 使用var关键字声明一个变量。

 var a;

变量的赋值： 使用=为变量赋值。

var a;

声明和赋值同时进行：

var a=123;

4.数据类型

1).JavaScript中一共有5种基本数据类型：
    1.1String:字符串型
    1.2Number:数值型
    1.3 Boolean:布尔型
    1.4)Undefined
    1.5null
    除此之外的类型称为Object
2).typeof运算符:用于检查一个变量的数据类型

typeof 数据

3)强制类型转换
3.1转换为String类型
方法一:toString()方法(null和undefined这两个值没有toString()方法)

var a = 123;
a = a.toString();
console.log(a);
console.log(typeof a);

方法二:调用String()函数

var a = 123;
a = String(a);
console.log(a);
console.log(typeof a);

方法三:为任意的数据类型 +" "
3.2转换为Number类型
方式一：使用Number()函数
方式二：这种方式专门用来对付字符串，parseInt() 把一个字符串转换为一个整数

var a = "123";
a = parseInt(a);
console.log(a);
console.log(typeof a);

方式三：这种方式专门用来对付字符串，parseFloat() 把一个字符串转换为一个浮点数

var a = "123.456";
a = parseFloat(a);
console.log(a);
console.log(typeof a);

3.3转换为Boolean类型
将其它的数据类型转换为Boolean，只能使用Boolean()函数。

5.输入输出语句

alert() 主要用来显示消息给用户
console.log() 用来给程序员看自己运行时的消息

三)运算符

1.算术运算符

+ - * / %

二元运算符：
前置++：先加1，后参与运算
后置++：先参与运算，后加1
前置–：先减1，后参与运算
后置–：先参与运算，后减1
例如

var num1=5;
num1++;
var num2=6;
console.log(num1+num2++);

2.逻辑运算符

&& 与
|| 或
！ 非

3.关系运算符

< > >= <= == != === !==

==与===的区别:
==只进行值的比较，===类型和值同时相等，则相等

4.赋值运算符

= += -= *= /= %=

四）代码块

1.语句

JAVAScript的程序就是由一条一条语句构成，每条语句使用；结尾。默认由上至下执行。

2.代码块

在大括号{}中所写的语句

{
  var a=123;
  a++;
  alert(a);
}

五）条件语句

1.if…else

2.switch…case

switch (语句) {
    case 表达式1:
        语句...
    case 表达式2:
        语句...
    default:
        语句...
}

六）循环语句

1.while

while语句是一个最基本的循环语句。

while(条件表达式){
    语句...
}

2.do…while

do{
    语句...
}while(条件表达式);

3.for

for语句也是循环控制语句，我们也称它为for循环。

for(初始化表达式 ; 条件表达式 ; 更新表达式){
    语句...
}

七)对象基础

Object类型，我们也称为一个对象，是JavaScript中的引用数据类型。

1.创建对象

var person = new Object();
person.name = "孙悟空";
person.age = 18;
console.log(person);

var person = {
    name: "孙悟空",
    age: 18
};
console.log(person);

2.访问属性

1)通过.来访问

       对象.属性名

2)通过使用［］来访问

       对象[‘属性名’]

3.删除属性

通过关键词delete来删除属性

delete 对象.属性名

八)函数

函数是由一连串的子程序（语句的集合）所组成的，JavaScript中的函数也是一个对象，使用typeof检查一个函数对象时，会返回function。

1.创建函数

1)使用函数对象创建函数:

var 函数名 = new Function("执行语句");

2)使用函数声明创建函数:

function 函数名([形参1,形参2,...,形参N]) {
    语句...
}

3)使用函数表达式创建函数:

var 函数名  = function([形参1,形参2,...,形参N]) {
    语句....
}

2.嵌套函数

嵌套函数：在函数中声明的函数就是嵌套函数，嵌套函数只能在当前函数中可以访问，在当前函数外无法访问。

九）数组

1.1创建数组

1.1.1使用对象创建:

var arr=new array();
arr[0]=1;
……

1.1.2使用字面量创建

var arr=[1,2,3];

1.2遍历数组

for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

1.3数组方法

1.3.1push()方法演示：该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度

var arr=[1,2];
var result=arr push(4,5,6);
console.log(arr);
console.log(result);

1.3.2pop()方法演示：该方法可以删除数组的最后一个元素，并将被删除的元素作为返回值返回

var arr = ["孙悟空", "猪八戒", "沙和尚"];
var result = arr.pop();
console.log(arr);
console.log(result);

十）闭包

当一个嵌套的内部函数引用了嵌套的外部函数的变量时，就产生了闭包。
它有两个最大作用：一是读取函数内部变量，二是让变量的值始终保持在内存中。

function greeting(name) {
    var text = 'Hello ' + name; // local variable
    // 每次调用时，产生闭包，并返回内部函数对象给调用者
    return function() { 
      console.log(text); 
    }
}
var sayHello = greeting('Closure');
sayHello();  

Typescript总结

typeScript是JavaScript类型的超集，它可以编译成纯JavaScript。

1.变量格式

不使用var，使用let或const申明变量，并加上类型说明

let 变量名: 变量类型 = 初始化值;

let 变量名: 变量类型 | undefined;
变量名 = 变量值;

2.基础类型

1).boolean类型

let isDone: boolean = false;

2).数字类型number

let num: number = 123;
console.log(num);

3).数组类型

方式一：

let arr1: number[] = [1, 2, 3]

方式二：

let arr: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
console.log(arr);

4).枚举类型

enum 枚举名 {
    标识符[= 整型常数/字符串],
    标识符[= 整型常数/字符串], 
    ...
    标识符[= 整型常数/字符串],
};

5).void

function example(): void {
    console.log('this is void type');
}

3.函数

1）函数声明

function 函数名(参数列表): 返回值类型 {
    函数体 ...
    [return 返回值;]
}

2)函数表达式

let sum =  (x: number, y: number): number => x + y