JavaScript（一）基础数据、基本语法

时间 2019-11-11

标签 javascript 基础数据基本语法栏目 JavaScript 繁體版

原文原文链接

本章主要内容javascript

1、JavaScript介绍；html

简介
组成

2、基础数据；java

注释
基本常识
命名
变量
基础数据类型
运算符
赋值符
比较符
三元操做符
逻辑符
经常使用的几个小命令 alert、prompt、console.log、typeof

3、基本语法；浏览器

if条件语句
switch语句
for语句
嵌套规则
while循环语句
do-while循环语句
for与whille的用途区别
break与continue

1、JavaScript介绍；

　　简介：htm

　　　　JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，普遍用于客户端的脚本语言，最先是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增长动态功能对象

　　组成：blog

ECMAScript，描述了该语言的语法和基本对象。
文档对象模型（DOM），描述处理网页内容的方法和接口
浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

2、基础数据

一、注释

1.一、单行注释：‘//’接口

   <script>
	   //你好我是单行注释
   </script>

1.二、多行注释：‘/**/’ip

    <script>
    /*
	   你好我是多行注释
	   你好我是多行注释
	   你好我是多行注释
	*/
    </script>

二、常识

2.一、结束符：‘;’ 当一行代码结束时，须要用‘;’来表示结束，固然不写浏览器也是能够解析的，为了代码的美观和阅读方便，建议写上；文档

2.二、Bjavascript 是区分大小写的；

三、命名规范

3.一、有字母数字下划线(-)或者美圆符（$）号组成;

3.二、不能以数字开头；

3.三、不能呢个使用javascript中的关键字命名；

四、变量

4.一、ECMAscript的变量是松散型，因此能够用来保存任何数据；

4.二、变量仅仅是用来保存值的占位符；

4.3.一、变量名的声明：

　　单个声明： var name；

　　多个声明：var name1,name2,name3; (用逗号分割)；

4.3.二、变量赋值：

　　单个赋值：var name=1;

　　多个赋值：var name=1,name2=2,name;

4.四、当咱们要存储数据的时候须要声明一个变量用来村值；

五、基础数据类型

5.1 、undefind 指没有定义的变量该处缺乏一个值；

5.2 、null 表示"没有对象"，即该处不该该有值；

5.1-2 undefind 与 null很是类似且 undefind == null 布尔值为true；

5.三、Number 整数型；

5.3.1 、NAN 特殊的Number；

a、当字符串与数值进行运算时，返回的结果就是NaN；

b、任何与NaN进行运算的结果都会返回NaN；

c、NaN不与任何值相等包括自身；

d、isNaN() ......；

    <script>
	   	var a=isNaN('456')    //false 
	   	var b=isNaN('456ab')  //true 
	   	var c=isNaN('ab456')  //true
	   	console.log(a,b,c)
	</script>

5.3.二、字符串转数字

a、Nuber() 只能转换所有是数字型的字符串；

    <script>
	   	var a=Number('456')    //456
	   	var b=Number('456ab')  //NaN
	   	var c=Number('ab456')  //NaN
	   	console.log(a,b,c)
    </script>

b、parseInt() 不只能转换数字类型的字符串，并且还能转换以数字开头的字符串，只取整数位；

    <script>
	   	var a=parseInt('456')    //456
	   	var b=parseInt('456ab')  //456
	   	var c=parseInt('ab456')  //NaN
	   	console.log(a,b,c)
    </script>

c、parseFloat() 和 parseInt区别，去小数点后面数字且只认第一个小数点，后面有也忽略；

5.4 String 字符串型

5.4.1 只要是用（' '）或者（" "）包裹起来的都是string型；

5.4.2 转成字符串型

a、String()能够把值转换成字符串

    <script>
    	var x;  
	   	var a=String(1456)   //1456
	   	var b=String('1456aa')  //1453aa
	   	var c=String(null)  //null
   		var e=String(x)  //undefind
	   	console.log(a,b,c,e)
	</script>

b、toString() 用于把结果转化成字符串，和String惟一的区别是不能用在结果为null和undefind上会报错；

    <script>
    	var x=123;
    	var y=null;
    	var z;
	   	var a=x.toString()   // 1456
	   	var b=y.toString()   // 报错
	   	var c=z.toString()  // 报错
	   	console.log(a,b,c)
	</script>

5.5 Boolean 布尔型

5.5.一、在布尔的世界中只有对（true）和错（false）；

5.5.二、在布尔的世界中为false的有：数字只有 0 、字符串只有空、其余有null和undefind；

5.5.3 布尔转换：

a、Boolean()

    <script>
	   	var a=Boolean('')   // false
	   	var b=Boolean(0)   // false
	   	var c=Boolean(null)  // false
	   	console.log(a,b,c)
	</script>

六、运算符号

6.一、经常使用的（加、减、乘、除、取余数）：+、-、*、/、%；

6.二、递增与递减

a、a++ 和 ++a 前者先返回值再加1 后者加完1以后再返回值；

    <script>
	    var a=3;
	    var b=3;
	    var c=5; 
	    var x=(a++)+c  //8
	    var y=(++b)+c  //9
	    console.log(x,y)
    </script>

c、a-- 和 --a 与递增同理　　；

七、赋值符号

7.一、简单赋值： a=123；

7.二、复合赋值： +=、-=、*=、%=；

八、比较符号

< 小于；
> 大于；
>= 小于等于；
<= 大于等于；
== 等于；
=== 全等于；
!= 不等于；
!== 全不等于；

　　* ‘==’ 值相等即为true；‘===’ 不只值相等并且类型也要相等；

<script>
    	var a=5,b='5';
    	var c=a==b;  //true
    	var d=a===b;  //false
	console.log(c,d)
</script>

九、三元运算

适用于简单的逻辑判断一个判断跟两个选择；

    <script>
	    var score=85;
	    var result=(score>=60)?'及格':'不及格'    //及格
	    console.log(result)  
    </script>

十、逻辑符

10.一、且 ‘&&’ ：

a、都为真时取最后一个真值；

b、都为假时，取第一个假值；

b、真假都有时，取第一个假值；

10.二、或 ‘||’：

a、都为真时取最第一个真值；

b、都为假时，取最后一个假值；

b、真假都有时，取第一个真值；

10.1-二、&& 与 || 的区别一个找假一个是找真；

10.3 非 ‘！’ :不管是什么数据类型，用上非其结果一定是布尔值，且返回的布尔值与自身相反；

10.4 非非 ‘！！’ : 返回结果是布尔，布尔值与自身一致；

十一、几个经常使用的命令

11.一、alert() ：浏览器弹框；

11.二、prompt() ：浏览器输入框弹框；

11.三、typeof() 或 typeof 变量：检测类型的；

3、基本语法

一、if条件语句

1.一、语法格式：

<script>
    var a=50;

    if (a>60) {
    	alert('及格')
    }else{
    	alert('不及格')
    }

</script>

1.二、单条件型：如1.1；

1.三、多条件型：能够屡次使用 “else if”；

    <script>
   	    var a=50;

	    if (a>60) {
	    	alert('及格')
	    }else if (a>70) {
	    	alert('良好')
	    }else if (a>80){
	    	alert('优秀')
	    }else{
	    	alert('不及格')
	    }
    </script>

1.四、JavaScript 不支持 6<a<10这种格式的条件；

二、switch条件语句

2.一、语法格式：

var day=new Date().getDay();
switch (day)
{
case 0:
  x="Today it's Sunday";
  break;
case 1:
  x="Today it's Monday";
  break;
case 2:
  x="Today it's Tuesday";
  break;
case 3:
  x="Today it's Wednesday";
  break;
case 4:
  x="Today it's Thursday";
  break;
case 5:
  x="Today it's Friday";
  break;
case 6:
  x="Today it's Saturday";
  break;
}

2.二、注意这里面的比较是全等（===）的比较，不是（==）比较；

2.三、经典例题当输入1时结果会是什么，你是想不到的；

三、for循环

3.一、语法格式条件起始值终止值代码块自增

　　运行思路：起始位置 -- 符合条件 --- 运行代码块 --- 自增

　　　　　　　　　　　　符合条件 --- 运行代码块 --- 自增

　　　　　　　　　　　　................

　　　　　　　　　　　　不符合条件 ---- 终止循环；

    <script>
	    for (var i=1;i<=9;i++){
	    	document.write(i)
	    }

    </script>

四、嵌套

4.一、嵌套规则：

外层为假时，内层不执行；
当进入内层后，遵循先内后外的原则；

五、whille循环

5.一、语法规则：

    <script>
	    var i=1;
	    while(i<=10){
	    	document.write(i);
	    	i++;
	    }

    </script>

六、do-while循环

6.一、语法规则：

    <script>
	    var i=18;
	    do{
	    	document.write(i);
	    	i++;
	    }while(i<=10)

    </script>

6.二、while和do-while的区别：do-while无论条件符合不符合，都会先执行一次代码块的内容；

七、for和while的用途区别

a、for用于已知的循环次数；

b、while用于未知的循环次数；

八、break与continue

8.一、break 为终止循环；

8.二、continue 为跳出本次循环；