JavaScript-JS基础

0 前言

       JavaScript是一种由网景公司于1995年推出的脚本语言，它可以在浏览器中运行，为网页添加交互功能，如动画、表单验证、游戏等。JavaScript是一种多范式的动态语言，它支持对象、函数、事件和原型等概念，具有灵活和强大的表达能力。JavaScript还可以与HTML和CSS等网页技术结合，实现网页的动态更新和样式变化。在本文中，我们将介绍JavaScript的基本语法，如何编写和运行JavaScript代码，如何使用变量、数据类型、运算符、控制流程和数组等。

1 JS的组成和基本结构

1.1 JavaScript缘由

1）可以实现HTML/CSS初级验证实现不了的复杂验证
2）减轻服务器压力（在发送请求到服务器之前使用JS验证客户端）
3）W3C标准中的行为化

1.2 JavaScript定义

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
1）一种脚本语言
2）有一定的安全性
3）一种基于对象的语言（创建对象/面向对象）
4）可以定义一堆事件（方法/函数）并进行调用

1.3 JavaScript特点

1）交互性（动态的行为）
2）脚本性（批量执行）
3）解释性（边解释边执行）

1.4 JavaScript组成部分

1）ECMAScript（JS前身）
2）DOM（文档对象模型）
3）BOM（浏览器对象模型）

1.5 JavaScript基本结构

<script type="text/javascript"> 
//script标签可放在文档的任何位置
//开发过程中一般放在body的末尾（最下方）	
</script>                       

1.6 JavaScript执行原理

① 用户端发送请求到服务器端
② 将JS解析出来的数据（用户身份标识）绑定在请求路径中
③ 服务器端获取到参数之后会影响客户端（返回数据到客户端）
④ 客户端通过浏览器解析响应的数据并将数据展现在浏览器之上

2 网页引入JS的三种方式

外部引入

<script type="texxt/script" src="*.js"><script>

内部引入

<script type="texxt/script">
<script>

标签内引入

<input type="button" value="click" onclick="javascript:alert(123)"/>

3 JavaScript的核心语法

3.1 变量

定义：存储变量值，这个变量值会赋给变量名。
使用变量：
1.先定义再赋值

var a;    //var 变量名
a = 1;    //变量名 = 变量值	
alert(a); //测试

2.同时定义并赋值

var a = 1;    //var 变量名 = 变量值
alert(a); //测试

3.不定义直接赋值（不建议）

a = 1;    //变量名 = 变量值	
alert(a); //测试

3.2 数据类型

数值类型number 数字
字符串类型string 用单引号或双引号包住的值
布尔类型boolean true或false
未定义类型undefined 未定义的变量或定义但未赋值的变量
空类型null 值为空 与undefined等价

3.3 运算符

typeof运算符 检测变量的返回值
null类型虽然也是基本类型之一，但typeof返回的值为object，以及对象和数组返回的值也是object

3.4 String对象

1）length属性
利用.length属性可获取某个字符串的长度。（包括空格）
2）charAt方法
返回字符串指定位置的值，从第0位开始
3）indexOf方法
返回字符串中某个字符首次出现的位置（区分大小写），如果没有匹配的字符，返回-1

3.5 数组

var array = []; //定义数组，或var array = new Array();
array[0] = 19; //数组赋值，或array.push(19);

3.6 运算符号

类型	运算符
算数运算符	+    -     *     /
赋值运算符	=     +=
比较运算符	>     <     >=     <=     ==     !=
逻辑运算符	&&     ||     !

3.7 逻辑控制语句

if条件语句

if(a>b){
	alert("a大于b");
}else if(a<b){
	alert("a小于b")；
}else{
	alert("a等于b");
}

switch多分支语句

switch(a){
	case 1:
	alert("a的值为1");break;
	case 2:
	alert("a的值为2");break;
	default:
	alert("a的值不是1或2");
}

for，while循环语句

for(i = 0;i < 5;i++){
	document.write(i + "<br/>");
}

var i = 0
while(i < 5){
	doucument.write(i + "<br/>");
	i++;
}

for-in语句

var a = [];
a.push(1);
a.push(2);
a.push(3);
for(var i in a){
	document.write(a[i] + "<br/>");
}

3.8 注释

1）单行注释：以//开始，以行末结束
2）多行注释：以/*开始，以*/结束

3.9 输入/输出

1）输入prompt()

prompt("提示信息", "输入框的默认信息");

2）输出alert()

alert("提示信息");

4 函数

4.1 函数定义

函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
使用更简单：不用定义属于某个类，直接使用
函数分类：系统函数和自定义函数

4.2 常用系统函数

parseInt (“字符串”)：将字符串转换为整型数字 如: parseInt ("86")将字符串“86“转换为整型值86
parseFloat(“字符串”)：将字符串转换为浮点型数字 如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
isNaN()：用于检查其参数是否是非数字

4.3 自定义函数

定义函数：

function 函数名(参数1,参数2){ //有参数的为有参函数，无参数则为无参函数
	//javascript语句
	//return返回值，可有可无
}

调用函数：

事件名 = "函数名()";