前端学习

Posted 2020-09-09 法门扫地僧

Console.log(typeof(a));

 

打印出是什么类型的。

 

Typeof ————在js的代码中系统已经使用了这一段字符串。

 

凭什么说js是一个弱语言呢，比如，js中对数字没有细分，他不管你是负数，小数，还是整数，都是number

 

Boolean：用来表示对错。、

 

Boolean的世界很简单，所有的事务只有两种状态。

一种是对，一种是错。

True:对

False：错

复习：
js中类型转换做的比较少：(在高级语言中类型转换做的比较（JAVA,C#,ios））

Js:

强制类型转：

Number(“”)转Number

parseInt(“”);转Number

  String(“”);转String

.toString();用对象的来打点调用toString();

Boolean(““);转Boolean

自动转换：

逻辑运算符：(操作boolean)

&&  ||  !

等号运算符：

== ,===,!=,!==

NaN:数字的一个异常状态。

判断NaN:isNaN()

Underfined:声明了变量但是没有给变量赋值

 

判断：

If(){}else{}

If()else if()...else

三元运算符（三目运算符）：

代码：

 Boolean表达式?值1:值2;

执行过程：

首先程序会判断boolean表达式的值是否为true，如果为true，那么就执行值1的内容，或者返回值1的内容;如果为false，那么就执行值2的内容，或者返回值2的内容；

例子：

jinqian>=300?alert("请吃饭"):alert("揍一顿");

 

自增，自减：

后加：a++ 

1  Var a = 2 ; var b = 3;

2  Var c = a++ + b ;==> var c = a + b ; a = a + 1;//先计算，后加一

先加：++a

3  var a = 2 ;var b = 6;

4  Var c = ++a + b ;==> a = a +1 ;var c = a+b;//先加一，后计算

 

 a--   --a与先加后加是一样的。

 

循环：

本意：重复的做一件事件啊？

作用：反复做一些事件，从而达到要求。

知识：while ， do-while ， for

While:(当……的时候)

 用途：可以用来在代码中循环做一些事。

 代码：

 While(boolean表达式)｛

              循环执行的代码块

｝

执行过程：

当代码运行到while的时候，我们会判断boolean表达式，如果boolean表达式为true,那么我们就执行while括号中的代码块，如果boolean表达式为false，那么就结束这次循环。

注意：1）尽量不要写死循环（如果代码进入了死循环，那么程序就没有意义。）

2）一定要给循环设置结束的条件。

Do-while:

特点：先执行一次代码以后再判断是否应该循环。

代码：

Do{

       循环的代码块

}while(boolean表达式)

代码的执行过程：

先执行一次循环的代码块，再判断while后面的条件，如果条件为true，那么就再次执行do里面的代码，如果条件为false，结束本次循环。

For 循环

特点：自己带有结束循环的条件。

代码：

For(声明变量;boolean表达式;变量条件){}

执行过程：

      找到for关键字，发现要执行循环：声明并且赋值了i,开始执行判断条件，判断条件如果成立，那么就执行下面的循环代码块，执行完成之后，会给i++;如果不成立，就会结束for循环.

Break,continue

Break:在循环的条件没有满足之前就结束这次循环。

Continue:不结束当前循环但是结束本次循环，比如：现在我们在第50次循环中遇到了这个continue,那么程序会立即结束第50次循环（就算下面有再多的代码也不执行），直接执行第51次循环。

Js代码的调试：

1.0打开开发人员工具，找到sourecs,选中请求的页面。

 

2.0找到想要查看代码的具体行数，然后将鼠标放在行号上面点击左键：（打断点）

 

3.0如果想要查看效果，刷新页面：

或者F5.

4.0刷新完之后，浏览器在执行js代码的时候会停留在打过断点那一行中。

 

5.0如果想要查看代码的执行过程，直接f11,或者使用鼠标点击按钮

6.0如果想要查看某个变量的具体数值，选中这个变量，并且鼠标在这个变量上停留足够长的时间（2-3s）,浏览器就会将变量的值显示在浏览器上。

 

7.0如果代码进入了一个方法中，我们希望跳出来，直接使用F10.

 

Switch-case：判断

作用：判断一系列的数据是否满足某些要求。

代码 ：

Switch(变量，数值，条件){
    case 值1:

              代码块1;

              Break;

        Case 值2：

     代码块2：

              Break;

              ..

        Default:

              默认代码块

              Break;

}

执行过程：

找到switch判断后面的条件，如果条件满足值1，那么就执行代码块1，遇到break以后会结束switch.,如果不满足，再判断值2。。。。，如果都不满足，执行默认代码块。

注意：

1）里面的case可以有任意多个。

2）Switch后面带的不是boolean表达式。

数组：

问题：如果要得到班级中每一个同学的成绩，那么我们用什么来将这些成绩保存起来？

作用：就是用来保存数据的集合。

声明：

var shuzu = new Array();

声明以后数组的内容为：

 

赋值：

通过数组名称加上中括号，在中括号中加上数据的下标（位置的标号）得到这个数据，给它赋值。

Shuzu[0] = 1 ;//[0] 选择器

取值：

和赋值是一样的：也是通过数组名加上选择器来取值。

遍历：

要将数组中的每一个元素都拿出来：

数组的属性：length==>数组的长度

数组中常用 的方法：

Concat:将两个数组合并一个新的数组（注意这个新数组是单独产生。）

 

Join:

 

  slice();

  splice();

  indexof();

  lastindexof()

 

注意：

1）在js中数组一旦定义好了，那么它就是一个无穷大的容器。

2）数组是从0开始存储的

3）数组定义好了以后的长度是0;

简单类型，复杂类型

简单类型： Number,String,Boolean,Undefined

复杂类型：Array ,object

 

Object对象：

万能对象，使用object来描述一个人。

人有身高，体重。

函数：

概念：由于在不同的地方要使用相同的代码，为了代码的简洁，以及使用的方便，我们把这些常用的代码封装到一个函数中。

定义：

function 函数名() {

       代码块

}

 

 

使用：

在需要使用的地方直接写上函数名。注意：要加上括号。