JavaScript（基础详细讲解）

什么是JavaScript

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
JavaScript特点:

1. 是一种解释性脚本语言（代码不进行预编译）。
2. 主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
3. 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
4. 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
   JavaScript组成
   
   JavaScript的基本结构:

<script type="text/javascript">
    <!—
    	script脚本一般写在内容的最后边，因为在页面中是从上向下加载的
          JavaScript 语句;
    —>
</script >

网页中引用JavaScript的方式

1. 使用< s c r i p t>标签
2. 外部 JS 文件

	<script src="export.js"  type="text/javascript"></script>

3. 直接在HTML标签中
   JavaScript核心语法：

1.变量

通过

			var count= 1;//number
			var name = "大大";//String
			let bool = true;//boolean
			let nu;//undefined未知的
			let obj =null;//object

2.数据类型

①undefined：示例：var width;

变量width没有初始值，将被赋予值undefined

②null：表示一个空值，与undefined值相等

③number：

var iNum=23; //整数

var iNum=23.0; //浮点数

④Boolean：true和false 但是JS会把他们解析成1；0

⑤String：一组被引号（单引号或双引号）括起来的文本 var string1=“This is a string”;

⑥Object: 对象

其中String，Number，Boolean，Null，Undefined属于基本数据类型而Object属于引用数据类型

3.typeof运算符

typeof判断数据类型，简单点说就是判断变量的数据类型

console.log(typeof count, typeof name , typeof bool, typeof nu,typeof obj)

4.运算符

运算符还是比较多的，如图：

着重说一下+号，与 -号运算符

+号 运算符 ，-号运算符
先说一下+号的作用：

• 做运算
• 强制类型转换
• 拼接

			let num = 1;
			let numStr = num + "";
			console.log(numStr); //1  这里的1是字符串，而不是数字

再说一下-号的作用

• 做运算
• 强制类型转换

			let str = "123";
			let strNum = str - 0;
			console.log(typeof str, str+1,typeof strNum , strNum + 1)
			// string   1231   number   124

5. 数组：

语法： var 数组名 = new Array(size); 这里的size表示数组的长度

为数组元素赋值：
方法一：var fruit= new Array(“apple”, “orange”, " peach",“banana”);
方法二：

var fruit = new Array(4);

fruit [0] = " apple ";

fruit [1] = " orange ";

fruit [2] = " peach ";

fruit [3] = " banana ";
访问数组：

数组名[下标]

6. 数组的常用属性和方法：

8. 逻辑控制语句

①if条件语句

if(条件){  
//JavaScript代码;

}else{ 
 //JavaScript代码; 
  }

If·中0，null，” ”，undefined，NaN，false--------结果是false；其他的都是true！
②switch多分支语句

switch (表达式){  
case 常量1 :
 
  JavaScript语句1;
 
  break;
 
 case 常量2 :
 
  JavaScript语句2;
 
  break;
 
default :
 
      JavaScript语句3; 
   }

注意：switch任然有break穿透 switch中可以是任意类型
③for、while循环语句

for(初始化;  条件;  增量){ 

 JavaScript代码; 
 }
 
while(条件) { 
 JavaScript代码; 
  }