JavaScript & TypeScript 学习总结

一、JavaScript学习总结

1. JavaScript

JavaScript是一种用来编写脚本的编程语言，可以被直接写在网页的 HTML中，在页面加载的时候自动执行，通常在html文件底

1）js代码严格区分大小写

2）js语句结束末尾都需添加 ;（封号）

3）js中会忽略多个空格和换行

<script type="text/javascript">//编写js代码</script>

2. 变量

变量本质上是存储值的容器，通常使用关键词var或者let来创建变量。

<script type="text/javascript">

    let a = 'Hello!';
    
    alert(a); 
    
</script>

1）变量名称必须仅包含字母、数字、符号$和_。如果命名包括多个单词，通常采用驼峰式命名法（camelCase），即除了第一个单词，其他的每个单词都以大写字母开头： myFirstName。

2）首字符必须非数字。

3.数据类型

js中六种数据类型：（前五种属于基本数据类型，后一种属于引用数据类型）

1.String

2.Number

1）js中整数和小数也属于Number数据类型

2）在js中整数运算基本可以保证精确，但位数不能太长

3）在js中不要进行对精确度较高的运算，因为结果可能不精确

3.Boolean

4.Null

1）值只有一个，就是null

2）null这个值专门用来表示一个空的对象

3）使用typeof检查一个null值时，会返回object

5.Undefined
1）值只有一个，就是undefined

2) 使用typeof检查一个undefined值时，会返回undefined

3）当声明一个变量但未赋值时，值也是undefined

6.Object

4.运算符

1.一元操作符：++ 、 –

var a = true;  
a = +a;

2.布尔操作符（比较结果为 Boolean 类型 ）：&& 、||、 ！

3.算术操作符：

加法 +,
减法 -,
乘法 *,
除法 /,
取余 %,
求幂 **.

alert( 5 % 2 ); // 显示5除以2的余数，答案为1

4.关系运算符:

关系运算符用来比较两个值之间的大小关系

\>
\>=
<
<=

5.相等运算符:

!=

===

!==

特殊的值：
    null和undefined
    
    由于undefined衍生自null，所以**null == undefined** 会返回true。

    但是 null === undefined 会返回false。

NaN
    NaN不与任何值相等，报告它自身 NaN == NaN //false

    判断一个值是否是NaN,使用isNaN()函数

5.遍历语句

var num = ['1', '2', '3', '4'];

1.for in语句（着重下标）

for(var n in num){
   
  console.log(n);
}

2.for of语句（着重元素）

for(var n of num){
   
  console.log(n);
}

3.forEach语句

num.forEach(n => console.log(n));
var other = num.map(n=>n+'X');//map在遍历的同时还返回另一个数组
console.log(other)

6.函数

函数是程序的主要“构建模块”。函数使该段代码可以被调用很多次，而不需要写重复的代码。
封装到函数中的代码不会立即执行，需要调用函数时才执行其中代码。

function sum(n1, n2) {
     //该函数的功能为返回输入两个数的和
    return n1 + n2;
}
var result = sum(3, 2);
alert(result);

6.1 函数的创建方式

1）函数声明

/*
使用函数声明来创建一个函数
语法：function 函数名([参数1,参数2,.....]){
		代码...
}
调用函数语法：函数名()
*/
function fun(){
   
    console.log("我是函数声明创建的函数");
}
fun(); //我是函数声明创建的函数

2）函数表达式

console.log("我是函数声明创建的函数")/*
使用函数表达式来创建一个函数
var 函数名 = function([参数1,参数2,.....]){
		代码...
}
*/
var fun2 = function(){
   
    console.log("我是函数表达式创建的函数");
}
fun2(); //我是函数表达式创建的函数

6.2 函数的形参与实参

/*
可以在函数的()中来指定一个或多个形参
多个形参之间使用，隔开，声明形参就相当与在函数内部声明了对应的变量，但没有赋值
*/
function sum(a.b){
   
    console.log(a+b);
}

//在调用函数时，可以在()中指定实参
sum(1,2); //3

/*
调用函数时，解析器不会检查实参的数量
多余的实参不会被赋值
而如果实参的数量少于形参的数量，则没有对应实参的形参被赋值为undefined
*/
sum(1,2,3,4,5,6) //3
sum(1) //NaN

补充：实参可以是任意数据类型的数据

6.3 立即执行函数

函数定义后，立即执行，且只执行一次

(function(){
   
    console.log("立即执行函数")