只因小黑子的JavaScript入土过程第一章

小黑子史蒂夫

已于 2023-01-22 12:09:00 修改

阅读量511

点赞数

分类专栏： JS 文章标签： javascript 前端 html

于 2023-01-11 16:29:20 首次发布

本文链接：https://blog.csdn.net/VanWot/article/details/128646963

版权

JS 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

小黑子的JavaScript入土过程第一章

JavaScript系列教程第一章

JavaScript系列教程第一章

1.1 起源与简史

在这里插入图片描述

1.2 alert，document, console

js语言从上到下依次执行

alert:
让页面弹出一个你设置的窗口

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
       alert("WDNMD(我带你们打)!");
    </script>
</head>

—>
在这里插入图片描述

document:
在页面输出一些内容

    <script type="text/javascript">
       alert("WDNMD(我带你们打)!");
       document .write("李在赣神魔");
    </script>

—>在窗口点击后，出现内容
在这里插入图片描述

console:
向控制台输出一个内容

    <script type="text/javascript">
       alert("WDNMD(我带你们打)!");
       document .write("李在赣神魔");
       console .log("我在哪里？");
    </script>

—>鼠标右键，点击检查，找到控制台
在这里插入图片描述

1.3 button, onclick属性，超链接a使用javescript，script

1.3.1button:点击标签

   <button>不要点我</button>

—>
在这里插入图片描述

1.3.2 onclick属性

可以将js代码编写到标签的onclick属性中
当我们点击按钮时，js代码才会执行

<button onclick="alert('哎哟，你干嘛~~')">不要点我</button>

—>
在这里插入图片描述

1.3.3 超链接a使用javescript

虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用

 <a href="javascript: alert('你点我干嘛');">点我一下</a>

—>
点击前：
在这里插入图片描述
点击后：

注意：

<a href="javascript:;">点我一下</a>

—>
在这里插入图片描述

但是，该点击后不会有显示
可以将js代码编写到script标签

<script type="text/javascript">
alert("我是sCript标签中的代码! !" ) ;
</script>

1.3.4 script:使用javascript

   <script type="text/javascript" src="js/script.js
   (引用外部设置的js文件)"></script>

作用：
可以将js代码编写到外部js文件中，然后通过script标签引入
写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制
推荐使用的方式

注意：
script标签一旦用于引入外部文件了，就不能再编写代码了，即使编写了浏览器也会忽略
如果需要则可以在创建一个新的script标签用于编写内部代码

1.4 JS注释和注意事项

注意事项：
1.JS中严格区分大小写
2.JS中每一条语句以分号(;)结尾
如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，
而且有些时候，浏览器会加错分号，所以在开发中分号必须写
3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

JS注释：
整行注释：ctrl + /
快速输出注释语段：alt + shift + a

多行注释
JS注释
 多行注释，注释中的内容不会被执行，但是可以在源代码中查看
 要养成良好的编写注释的习惯，也可以通过注释来对代码进行c柴简单的调減

1.5 字面量和变量

变量声明：
-声明变量
在js中使用var关键字来声明一个变量

字面量：都是一些不可改变的值
       字面量，都是一些不可改变的值
       比如:12345
       字面量都是可以直接使用，但是我们一般都不会直接使用字面量
     
变量：
    变量可以用来保存字面量， 而且变量的值是可以任意改变的
    变量更加方便我们使用，所以在开发中都是通过变量去保存一一个
    字面量，而很少直接使用字面量
    可以通过变量对字面量进行描述
    比如：
    <script type="text/javascript">
      var a=12345;
   </script>

1.6 标识符

标识符
-在JS中所有的可以由我们自主命名的都可以称为是标识符
例如:变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵守如下的规则:
1.标识符中可以含有字母、数字、、 $
2.标识符不能以数字开头
3.标识符不能是ES中的关键字或保留字
4.标识符一般都采用驼峰命名法
首字母小写，每个单词的开头字母大写，其余字母小写
helloWorld xxxYyyZzz

JS底层保存标识符时实际，上是采用的Unicode编码，
所以理论上讲，所有的utf-8中含有的内容都可以作为标识第士

1.7 字符串

基本数据类型是前五种

数据类型指的就是字面量的类型

在JS中一共有六种数据类型
String字符串
Number数值
Boolean布尔值
Nu1l空值.
Undefined未定义
Object对象

其中String Number Boolean Null Undefined属 于基本数据类型

而Object属于引用数据类型

1.7.1 string

String字符串
-在JS中字符串需要使用引号引起来
-使用双引号或单引号都可以，但是不要混着用
-引号不能嵌套，双引号不能放双引号，单引号不能放单引号

1.7.2 转义字符

在字符串中我们可以使用\作为转义字符，
当表示一些特殊符号时可以使用\进行转义

\"表示"
\'表示'
\n表示换行
\t制表符
\\表示\

1.7.3number

在JS中所有的数值都是Number类型，
包括整数和浮点数(小数)

JS中可以表示的数字的最大值
Number.MAX VALUE
1.7976931348623157e+308
如果使用Number表示的数字超过了最大值，则会返回一个
Infinity表示正无穷
- Infinity 表示负无穷
使用typeof检查Infinity也会返原Number蓝。

Number .MIN_VALUE

Number .MIN_ _VALUE大于0的最小值
5e-324

Number. MAX VALUE
1.7976931 348623157e+308
如果使用Number表示的数字超过了最大值，则会返回一个
Infinity表示正无穷
- Infinity表示负无穷
使用typeof检查Infinity也会返回number
NaN是-一个特殊的数字，表示Not A Number
使用typeof检查一个NaN也 会返回number

不同：

/ /数字123
var a=123;
/ /字符串123
var b ="123" ;

typeof:

可以使用一个运算符typeof
来检查一个变量的类型
语法: typeof变量
检查字符串时，会返回string
检查数值时，会返回number

算术：
1.
在JS中整数的运算基本可以保证精确

例子：

<script>
var c =1865789+7654321
console.1og(c);
</script>

—>
在这里插入图片描述
2.
如果使用JS进行浮点运算，可能得到一个不精确的结果，所以千万不要使用JS进行对精确度要求比较高的运算

var c =0.1+0.2
console.1og(c);

—>
在这里插入图片描述

1.7.4 Boolean

Boolean布尔值
布尔值只有两个，主要用来做逻辑判断

true
—表示真
false
一表示假

使用typeof检查-个布尔值时，会返回boolean中

1.7.5 Null和Underfined

1.null

Null (空值)类型的值只有一个，就是null
null这个值专门用来表示一个为空的对象
使用typeof检查-个nu11值时，会返回object,

2.underfined

Undefined (未定义)类型的值只有一个，就undefind
当声明一个变量，但是并不给变量赋值时，它的值就是undefined
使用typeof检查- -个undefined时也会返回undefined

1.8 强制类型转换

强制类型转换 指的是将一个数据类型强制转换为其他的数据类型

类型转换主要指的是，将其他数据类型，转换为：string / number / 
boolean

将其他数据类型转换为 string

1.8.1 强制转化 String

将其他的数据类型转换为String
方式一:
-调用被转换数据类型的toString()方法
-该方法不会影响到原变量，它会将转换的结果返回
一但是注意: null和undefined这两个值没有toString( )方法，
如果调用他们的方法，会报错

方式二:
-调用String()函数，并将被转换的数据作为参数传递给函数
一使用String( )函数做强制类型转换时，
对于Number和Boolean实际上就是调用的toString( )方法
但是对于null和undefined,就不会调用tostring()方法
它会将null直接转换为"null"
将undefined直接转换为"undefined"

例如：

<script>
var a=123;
a=a.toString();
console.log(typeof a );
console.log(a);
</script>

或

<script>
var a=123;
a=String(a);
console.log(typeof a );
console.log(a);
</script>

原
在这里插入图片描述
—>

总结：
调用a的toString()方法
调用XXX的yyy( )方法，就是XXX. yyy

1.8.2 强制转化 Number

法一调用Number()

将string转换为number
(1)如果该字符串是纯数字，则直接将其转换为数字
(2)果该字符串含有非数字内容，则转换为NaN
(3)如果该字符串是空字符串或者全是空格的字符串，则转换为0

<script>
var a = "1e+2";
a = Number(a);
console.log(a);
console.log(typeof a);

var b = "abc";
b = Number(b);
console.log(b);
console.log(typeof b);

ar c = " ";
c = Number(c);
console.log(c);
console.log(typeof c);
</script>

—>
在这里插入图片描述
2.

布尔-->数字
true转成1
false转成0

null-->数字0

undefined --> 数字NaN

<script>
var a = true;
a = Number(a);
console.log(a);
console.log(typeof a);

var a = false;
a = Number(a);
console.log(a);
console.log(typeof a);

var a = null;
a = Number(a);
console.log(a);
console.log(typeof a);

var a = undefined;
a = Number(a);
console.log(a);
console.log(typeof a);
</script>

—>
在这里插入图片描述

法二 parseInt() 和 parseFloat()

parseInt() 把一个字符串转换为一个整数（可以利用这个方法取整数）

parseInt() 可以将一个字符串中有效的整数内容取出来然后转换为
Number

parseInt() 可以将一个字符串中有效的浮点数内容取出来然后转换为
Number

可以在 parseInt() 中传递第二个参数，来指定数字进制

parseFloat() 把一个字符串转换为一个浮点数

如果对非 string 使用 parseInt() 和 parseFloat() 
它会先将其转换为 string 然后再操作

例子：
1.

<script>
var a = "123px（或者123.123）";
a = parseInt(a);
console.log(a);
console.log(typeof a);

var b = "123.123";
b = parseFloat(b);
console.log(b);
console.log(typeof b);
</script>

—>
在这里插入图片描述
2.

<script>
var a = "ture";
a = parseInt(a);
console.log(a);
console.log(typeof a);
</script>

—>
在这里插入图片描述

<script>
var b = 198.23;
b = parseFloat(b);
console.log(b);
console.log(typeof b);
</script>

—>
在这里插入图片描述

1.9 JS的其他进制数字表示

在js中，如果需要表示16进制的数字，则需要以0x开头
如果需要表示8进制的数字，则需要以0开头
如果要要表示2进制的数字，则需要以0b开头
但是不是所有的浏览器都克持小

1.10 转换为Boolean

使用 Boolean() 函数
我们如果将Number 转为Boolean 时，除了 0 和 NaN 是false，
其余的都是true

我们如果将String 转为Boolean 时，除了空串是 false，
其余的都是true

Null 和 Undefined 转换为 Boolean 时，都是 false

对象也会转换为true

例子：

<script>
    var a = 2;
    a = Boolean(a);
    console.log(a);
    console.log(typeof a);

    var a = 0;
    a = Boolean(a);
    console.log(a);
    console.log(typeof a);

    var a = "";
    a = Boolean(a);
    console.log(a);
    console.log(typeof a);

    var a = NaN;
    a = Boolean(a);
    console.log(a);
    console.log(typeof a);

    var a = null;
    a = Boolean(a);
    console.log(a);
    console.log(typeof a);

    var f = undefined;
    f = Boolean(f);
    console.log(f);
    console.log(typeof f);
</script>

—>
在这里插入图片描述

1.11 算术运算符

运算符：

通过运算符可以对一个或多个值进行运算，并获取运算结果
比如：typeof 就是运算符，可以获得一个值的类型，它会将该值的
类型以字符串的方式返回
（number string boolean undefined boject）

算术运算符：

+
  +可以对两个值进行加法运算，并将结果返回
  如果对两个字符串进行加法运算，则会做拼串
  会将两个字符串拼接为一个字符串，并返回
  任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
-    
  -可以对两个值进行减法运算，并将结果返回
*
  *可以对两个值进行乘法运算
/
  /可以对两个值进行除法运 算
%
  %取模运算(取余数)

1.11.1+号

1.当对非 number 类型的值进行运算时，会将这些值转换为 Number 然后再运算（字符串加法除外）

  <script type="text/javascript">
       var a = 123;
       var result=typeof a;
       result=a+1; //a的值不会因为运算而变
       console.log(a);
       console.log(typeof a);

       a=a+1;     //此时a的值才边
       console.log(a);
       console.log(typeof a);

       result=456+789; //数字运算
       console.log(result);
       console.log(typeof result);

       result = true + 1; //布尔值+数字：1+1
       console.log(result);
       console.log(typeof result);

       result = true + false; //布尔值+布尔值：1+0
       console.log(result);
       console.log(typeof result);

       result = 2 + null; //空值+数字：2+0
       console.log(result);
       console.log(typeof result);
   </script>

—>
在这里插入图片描述

2.任何值与NaN 做运算都得NaN

   <script>
       result = 2 + NaN; //NaN+数字
       console.log(result);
       console.log(typeof result);
  </script>

—>
在这里插入图片描述

3.如果对两个字符串进行加法运算，则会做拼串（将两个字符串拼接在一起，并返回）

   <script type="text/javascript">
       result = "123"+"456"; //字符串相加
       console.log(result);
       console.log(typeof result);

       result = "123"+"你马"; //字符串相加
       console.log(result);
       console.log(typeof result);

       result = "锄禾日当午，"+
                "汗滴禾下土，"+
                "谁知盘中餐，"+
                "粒粒皆辛苦。"; //字符串相串
       console.log(result);
       console.log(typeof result);
   </script>

—>
在这里插入图片描述

4.任何值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串操作

   <script type="text/javascript">
       result = 123+"1"; //数字与字符串相加
       console.log(result);
       console.log(typeof result);

       result = NaN+"1"; //值与字符串相加
       console.log(result);
       console.log(typeof result);

       result = 1+2+3+"3"; 
       console.log("result="+result);
       console.log(typeof result);

       result = "1"+2+3;
       console.log("result="+result);
       console.log(typeof result);
   </script>

—>
在这里插入图片描述

在这里插入图片描述

5.可以利用 +的特点，来将任意的数据类型转换为String，
只要给该数据 + “ ” 即可，实际上也是调用 String() 函数

   <script type="text/javascript">

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

   </script>
</head>

—>
在这里插入图片描述
6.称号显示console.log(“称号=” + );

   <script type="text/javascript">
       result = 1; 
       console.log("result="+result);
       console.log(typeof result);
   </script>

—>
在这里插入图片描述

1.11.2 -号

类似于一元运算符中的 + 正号，可以将两个值相减，并将结果返回

   <script type="text/javascript">
       result = 100-5; 
       console.log("result="+result);
       console.log(typeof result);

       result =100-true ;
       console.log("result="+result);
       console.log(typeof result);

       result =100- "1" ;
       console.log("result="+result);
       console.log(typeof result);

   </script>

—> 在这里插入图片描述

1.11.3 *号

可以将两个值相乘

   <script type="text/javascript">
       result = 2*2; 
       console.log("result="+result);
       console.log(typeof result);

       result =2*"8";
       console.log("result="+result);
       console.log(typeof result);

       result =2*undefined ;
       console.log("result="+result);
       console.log(typeof result);

       result =2*null ;
       console.log("result="+result);
       console.log(typeof result);

   </script>

—>
在这里插入图片描述

1.11.4 /

可以将两个值相除

   <script type="text/javascript">
       result = 4/2; 
       console.log("result="+result);
       console.log(typeof result);

       result =3/2;
       console.log("result="+result);
       console.log(typeof result);

       result =4/"2";
       console.log("result="+result);
       console.log(typeof result);

       result =2/null ;
       console.log("result="+result);
       console.log(typeof result);

       result =2/undefined ;
       console.log("result="+result);
       console.log(typeof result);

   </script>

—>
在这里插入图片描述

1.11.5 %号

取余运算

   <script type="text/javascript">
       result = 4%2; 
       console.log("result="+result);
       console.log(typeof result);

       result =3%2;
       console.log("result="+result);
       console.log(typeof result);

       result =4%"2";
       console.log("result="+result);
       console.log(typeof result);

       result =2%null ;
       console.log("result="+result);
       console.log(typeof result);

       result =2%undefined ;
       console.log("result="+result);
       console.log(typeof result);

   </script>

—>
在这里插入图片描述

1.12 一元运算符

只需要一个操作数

对于非Number类型的值，
它会将先转换为Number,然后在运算
可以对一个其他的数据类型使用+，来将其转换为number
它的原理和Number()函数一样

+号


   <script type="text/javascript">
       var a= 123; 
       a=-a
       console.log("a="+a);
       console.log(typeof a);

       a=true;
       console.log("a="+a);
       console.log(typeof a);

       a="18";
       console.log("a="+a);
       console.log(typeof a);

       a="18";
       a = + a;
       console.log("a="+a);
       console.log(typeof a);
       
       var result=1 + +"2"+3
       console.log("result="+result);
       console.log(typeof result);
   </script>

—>
在这里插入图片描述

1.12 自增和自减

1.12.1 自增

自增++
-通过自增可以使变量在自身的基础上增加1
-对于一个变量自增以后，原变量的值会立即自增1

-
自增分成两种:后++(a++)和前++( ++a)
无论是a++还是++a，都会立即使原变量的值自增1

不同的是a++和++a的值不同
a++的值等于原变量的值( 自增前的值)
++a的值等于新值(自 增后的值)

自增分两种：
1.先++（++a）即先自增再赋值
2.后++（a++）即先赋值再自增

<script>
    var a = 1;
    a++;
    console.log("a1 = "+a);

    var a = "5";
    console.log(a++);

    var a = "5";
    console.log(++a);

    var a = "abc";
    a++;
    console.log("a = "+a);

    var a = true;
    a++;
    console.log("a = "+a);

    var a = 1;
    b = a++ +a+a++;
    console.log("b = "+b)
</script>

—>

在这里插入图片描述

1.12.2 自减

自减–
-通过自减可以使变量在自身的基础.上减1
自减分成两种:后-(a-)和前-(-a)
无论是a-还是-a都会立即使原变量的值自减1
不同的是a-和-a的值不同
a-是变量的原值(自减前的值)
-a 是变量的新值(自减以后的值)

自减类似于自增，也分两种：
1.先--（--a）即先自减再赋值
2.后--（a--）即先减值再自增

1.13 逻辑运算符

js含有三种逻辑运算符

1.13.1 ！非

非
!可以用来对一个值进行非运算
所谓非运算就是值对一个布尔值进行取反操作，
true变false, false变true

如果对一个值进行两次取反，它不会变化
如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反
所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值

可以为一个任意数据类型取两次反，来将其转换为布尔值，
原理和Boolean()函数一样

对一个值进行非运算
1.如果对布尔值进行非运算，则会对布尔值进行取反
2.如果对非布尔值进行非运算，则会将其转换为布尔值，再进行
布尔值取反
3.可以利用该特点，来将一个其他的数据类型转换为布尔值

1.13.2 && 与

&&与
&&可以对符号两侧的值进行与运算并返回结果
-运算规则
-两个值中只要有一个值为false就返回false,
只有两个值都为true时，才会返回true
- JS中的“与”属于短路的与，
如果第一个值为false，则不会看第二个值

1.如果两个值都为 true ，则返回后边的值
2.如果两个值都为 false ，则返回前面的值
①②用短路逻辑理解，第一个值为true则返回第二个值，第一个值
为false则返回第一个值

1.13.3 || 或

||或
-|| 可以对符号两侧的值进行或运算并返回结果
-
运算规则:
两个值中只要有一个true，就返回true
如果两个值 都为false,才返回false
JS中的“或”属于短路的或
如果第一个值为true,则不会检查第二个值

如果第一个值为 true ，则返回第一个值
如果第一个值为 false ，则返回第二个值

1.14 非布尔值的与或运算

对于非布尔值进行与或运算时，
会先将其转换为布尔值，然后再运算,并且返回原值

与运算:
-如果第一个值为true，则必然返回第二个值
-如果第一个值为false，则直接返回能个值。

或运算
如果第一个值为true，则直接返回第-一个值
如果第一个值为false，则返回第二个值

1.15 赋值运算符

可以将符号右侧的值赋值给符号左侧的变量
+=
a+=5等价于a=a+5
a-=5等价于a=a-5

*=
a*=5等价于a=a*5

/=
a/=5等价于a=a/5

%=
a%=5等价于a=a%5

1.16 关系运算符

通过关系运算符可以比较两个值之间的大小关系，
如果关系成立它会返回true，如果关系不成立则返回false

>大于号
判断符号左侧的值是否大于右侧的
如果关系成立，返回true，如果关系不成则返回false

>=大于等于
判断符号左侧的值是否大于或等于右侧的值

<小于号
<=小于等于

非数值的情况
-对于非数值进行比较时，会将其转换为数字然后在比较
-如果符号两侧的值都是字符串时 不会将其转换为数字进行比较
  而会分别比较字符串中字符的Unicode编码

如果关系成立它会返回 true ，如果关系不成立则返回 false

对非数值进行比较时，会将其先转换为数字在进行比较
1.任何值与 NaN 进行任何比较，返回值都是false

2.如果两边都是字符串，比较的是字符串的字符编码 Unicode
（ASCII码）

3.字符串的比较是一位一位的进行比较，如果两个一样才进行下一位的
比较
注意：在比较两个字符串型色数字时，一定要转型

4.比较两个字符串时，比较的是字符串的字符编码

5.比较中文时没有意义的

1.17 Unicode 编码表

在字符串中使用转义字符输入Unicode编码
\u四位编码

例子：
1.

  <script type="text/javascript">
  
       console.log("\u2620");

   </script>

---->
在这里插入图片描述
2.
在网页中使用Unicode编码
&#编码;这里的编码需要的是10进制

例子：

<body>
  <h1 style="font-size:100px ;"> &#9760;</h1>
</body>

—>
在这里插入图片描述

1.18 相等运算符

用来比较两个值是否相等
如果相等返回 true ，如果不等返回 false
用 == 来表示相等运算
用 ! = 来表示不等运算

注意：如果使用 == 或 ! = 来比较两个值时，如果类型不同，
则会自动进行类型转换，将其转换为相同的类型

1.如果将 Undefined 与 Null 进行比较则会返回 false

2.NaN不与任何值相等，包括他本身
如果要判断一个变量是否为 NaN
可以引用 isNaN() 函数

=== ：全等（不会进行自动进行类型转换，如果两个值不等，
则直接返回false，如果两个值相等，则直接返回true）

! == ：不全等（不会进行自动进行类型转换，如果两个值不等，
则直接返回true，如果两个值相等，则直接返回false）

1.19 条件运算符（三元运算符）

语法：
条件表达式: ? 语句1 : 语句2
条件运算符在执行时，首先对条件表达式进行求值

1.如果该值为true，则执行语句1，并返回执行结果

2.如果该值为false，则执行语句2，并返回执行结果

注意：如果条件表达式的求值结果为非布尔值，那么会将其转换为
布尔值然后再进行运算

例如：

   <script type="text/javascript">
  
       var a=300;
       var b=143;
       var c=50;
       var max=a>b?(a>c?a:c):(b>c?b:c);
      console .log("max="+max)
   </script>

—>这种写法不推荐使用，不方便阅读
在这里插入图片描述

1.20 if 语句

条件判断语句:
-
使用条件判断语句可以在执行某个语句之前进行判断，
如果条件成立才会执行语句，条件不成立则语句不执行。

-if语句
 - 语法一:
     if(条件表达式)
          {语句}
     if语句在执行时，会先对条件表达式进行求值判断，
     如果条件表达式的值为true,则执行if后的语句，
     如果条件表达式的值为false,则不会执行if后的语句。
 if语句只能控制紧随其后的那个语句，
         如果希望if语句可以控制多条语句，
         可以将这些语句统放到代码块中
if语句后的代码块不是必须的，但是在开发中尽量写上代码块，即使if后只有一条语句。

语法二:
if(条件表达式)
{
语句...
}
else
{
语句...
}
if.. .else.. .语句
   当该语句执行时，会先对if后的条件表达式进行求值判断，
     如果该值为true，则执行if后的语句
     如果该值为false,则执行else后的语句

语法三:
if(条件表达式)
{
语句...
}
else if(条件表达式)
{
语句...
}
else if(条件表达式)
{
语句...
}
else
{
语句..。
}
i无识别结果
if.. .else if.. .else
当该语句执行时，会从上到下依次对条件表达式进行求值判断
如果值为true，则执行当前语句。
如果值为false,则继续向下判断。
如果所有的条件都不满足，则执行最后一个else后的语句
该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句

1.21 prompt() 函数

prompt()
--->
    可以弹出一个提示框，该提示框中会带有一个文本框，
    用户可以在文本框中输入一段内容，该函数需要-一个字符串作为参数，
    该字符串将会作为提示框的提示文字
    用户输入的内容将会作为函数的返回值返回，可以定义
    -一个变量来接收该内容
    prompt( )函数的返回值是String类型的

例如：

   <script type="text/javascript">
    var score=prompt("请输入小明的期末成绩:");
    alert(score);

   </script>

—>
在这里插入图片描述

1.22 switch 条件分支语句

条件分支语句也叫switch语句
 语法:
     switch(条件表达式)
 {
       case 表达式:
             语句...
             break;
             
       case表达式:
            语句...
            break;
            
      default:
           语句...
           break;
}

执行流程:
switch.. .case. .语句
在执行时会依次将case后的表达式的值和switch后的条件表达式的值
进行全等比较，
   如果比较结果为true,则从当前case处开始执行代码。
      当前case后的所有的代码都会执行，我们可以在case的后边跟着
      一个break关键字，
      这样可以确保只会执行当前case后的语句，而不会执行其他
      的case
   如果比较结果为false，则继续向下比较
   如果所有的比较结果都为false,则只执行default后的语句
   
switch语句和if语句的功能实际上有重复的，使用switch可以实现
if的功能，
同样使用if也可以实现switch的功能，根据自己习惯选择

1.23 while 循环语句

while循环
 -语法:
   while(条件表达式){
       语句...
    }
-while语句在执行时，
  先对条件表达式进行求值判断，
    如果值为true,则执行循环体，
     循环体执行完毕以后，继续对表达式进行判断
     
    如果为true,则继续执行循环体，以此类推
    
    如果值为false,则终止循环

创建一个循环，往往需要三个步骤
1.创初始化一个变量

2.在循环中设置一个条件表达式

3.定义一个更新表达式，每次更新初始化变量

   <script type="text/javascript">

   var i=0;

  while(i < 10){

   document . write(i++ +"<br />")
  }  
   </script>

—>
在这里插入图片描述

小黑子史蒂夫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
只因小黑子的JavaScript入土过程第一章

只因小黑子的JS土过程（1-25）第一章
复制链接

扫一扫

专栏目录

只因小黑子的JavaScript入土过程第一章

小黑子的JavaScript入土过程第一章

JavaScript系列教程第一章

1.1 起源与简史

1.2 alert，document, console

1.3 button, onclick属性，超链接a使用javescript，script

1.3.1button:点击标签

1.3.2 onclick属性

1.3.3 超链接a使用javescript

1.3.4 script:使用javascript

1.4 JS注释和注意事项

1.5 字面量和变量

1.6 标识符

1.7 字符串

1.7.1 string

1.7.2 转义字符

1.7.3number

1.7.4 Boolean

1.7.5 Null和Underfined

1.8 强制类型转换

1.8.1 强制转化 String

1.8.2 强制转化 Number

法一 调用Number()

法二 parseInt() 和 parseFloat()

1.9 JS的其他进制数字表示

1.10 转换为Boolean

1.11 算术运算符

1.11.1+号

1.11.2 -号

1.11.3 *号

1.11.4 /

1.11.5 %号

1.12 一元运算符

1.12 自增和自减

1.12.1 自增

1.12.2 自减

1.13 逻辑运算符

1.13.1 ！非

1.13.2 && 与

1.13.3 || 或

1.14 非布尔值的与或运算

1.15 赋值运算符

1.16 关系运算符

1.17 Unicode 编码表

1.18 相等运算符

1.19 条件运算符（三元运算符）

1.20 if 语句

1.21 prompt() 函数

1.22 switch 条件分支语句

1.23 while 循环语句

法一调用Number()