01JavaScript基础——引入/输出方式变量数据类型运算符

Posted 2021-01-04 cxdwy

一、js代码常见的的引入方式、输出方式、JS注释：

引入方式：

1、  内部引入：将js代码通过script标签引入html文档内部，引入位置：理论上来说可以出现在文档的任意位置，甚至出现于HTML标签外部，但是通常来说，一般写在head标签或body标签内，以及body标签下边，当写在head标签里面时，注意将JS代码放在window.onload()中，也即当页面加载完成时，在执行JS代码。

2、外部引入：<script src="外联.js"></script>

3、程序的执行顺序：a、HTML程序加载顺序  b、js代码执行顺序

输出方式：

1.  
   alert("警告框输出！");
2.  
    
3.  
   console.log("控制台输出!");
4.  
    
5.  
   document.write("文档写入!")
6.  
    
7.  
   //注：文档写入可以是文本也可以是标签，当页面第一次加载时，会按照默认文本流加载，如果再次输出会覆盖掉文档中的所有内容
8.  
    
9.  
   confirm("确认窗输出!");
10.  
     
11.  
    //确认窗输出，有返回值，true/确定，false/取消，可用于再次判确认
12.  
     
13.  
    prompt("请输入****");
14.  
     
15.  
    //提示窗输出，有返回值，返回值为输入的内容
16.  
     

JS注释：

单行注释：//   多行注释：/**/

二、JS变量：

变量：用来存储数据/值的一个容器

命名规则：

1、明确区分大小写   2、不能使用系统关键字/保留字  3、不能以数字开头  4、可以包含数字、字母、下划线、$符号

命名规范：

5、见名知意  6、驼峰命名

三、数据类型：

number：数值型  、string：字符型 、undefined：未定义型/不存在、Boolean：布尔型、object：对象型——五大类型

null：空、 Array：数组——都是object对象型

判断数据类型：typeof     consolog.log(typeof  "abc")    输出“abc” 的数据类型——string

四、运算符：

1、赋值运算符："="  用于给变量赋值

2、算数运算符：+   -  *  /   %

注："+" 在两个数字之间进行算术运算，在两个字符串中间进行拼接，当任意一遍出现字符串时则输出字符串

Number(str)  +str  将字符串转换为number型数据的两种常见方式，如果字符串为纯数字则转换为对应的数字，若出现字符串，则转换为NaN——>Not a Numebr,但是类型依然为number型

3、复合运算符：+=   -=  *=  /=   %=  ++ --

自增自减运算符：运算符在前先赋值在运算，运算符在后先运算再赋值

4、关系运算符：<  >  <=  >=  ==  ===  !=  !==

== 表示等式两边值相等    ===  表示等式两边值与类型对应相等

注：表示大小的要比表示等于的优先级高

注意下面两个例子：

1.  
   var br="123"<"3"
2.  
   //结果为true,按每一位去比较，有结果后就停止比较
3.  
   var br="age"<"By"
4.  
   //结果为false，大写字母的字符编码小于小写字母的字符编码

在比较数值与字符串时，字符串会被转换为数值，在以数值的方式与另外一个数值比较，但是字母"a"不能转换成数值，转换后为NaN,任何数值与NaN比较都为false，包括NaN与NaN比较

5、逻辑运算符

&&与/且：需要两边都为true才成立

||或：两边任意一边为true则成立

！非：将得到的值取反

看看下面几个例子：

1.  
   var a=10,b=5,c=6;
2.  
   var x=a>b&&b>c;
3.  
   console.log(x); //false
4.  
   var y=a<b||b<c
5.  
   console.log(y) //true
6.  
   console.log("t"&&"") //空
7.  
   console.log("t"&&"f") //f
8.  
   console.log((a-1)&&(b+=20),b) //25,25
9.  
   console.log((a-10)&&(b+=20),b) //0,5
10.  
    console.log("t"||""); //t
11.  
    console.log(undefined&&NaN) //undefined
12.  
    console.log(undefined||NaN) //NaN

注：与运算：当第一个运算子的布尔值为true时，返回第二个运算子的的值(这里是指值不是布尔值)，当第一个运算子的布尔值为false时，返回第一个运算子的值，不再对第一个进行求值，这种跳过第二个运算子的机制称为短路。

或运算：如果第一个运算子的布尔值为true，则返回第一个运算子的值，且不再对第二个运算子求值；如果第一个运算子的布尔值为false，则返回第二个运算子的值。

5.三目运算符：表达式1？表达式2:表达式3  如果表达式成立，执行表达式1，否则执行表达式2，基本所有的if...else...代码块都可以转化为三目运算符