javaScript脚本语言基础

javaScript脚本语言基础

介绍：

JavaScript可以用来实现网页操作(图片切换)

脚本语言：不需要编译 sql html css javaScript 由某种解释器直接可以运行的

JavaScript也是面向对象的，但与java是两种不同的语言

script：脚本

javaScript是嵌入在html中来实现自身的功能的

java是一种后端高级语言，是需要编译的

html是网页基本内容(标签，文本)

css是网页外观(样式)

JavaScript/js是网页的行为，为网页可以添加各种动态效果

ES TS面向对象结构搭建

使用：

		<!-- 导入外部js文件，导入外部script标签中就不能再写其他的js脚本了 -->
		<script src="js/index.js"></script>

写函数：

		<script>
			function next(){
				//alert()是js中内置好的一个对话框函数，在安装浏览器的时候，已经安装到你的电脑
				alert("阿贡博噶懂莫斯弟")
			}
		</script>

事件：

通过按钮触发事件，通过事件调用函数

语法：

变量：

js声明变量 java语言强类型语言 python js弱类型语言
变量没有类型 直接用var关键字声明即可 值有类型，给变量附了什么值，变量就是什么类型的

			var a=10;
				a="aba";
				a=true;
			var b="abc";
			alert(a);

数据类型：

1.数值型 ： 包括整数和浮点数

			var c=10;
			alert(typeof(c));	//typeof(c)	返回c的数据类型
			c=10.5
			alert(typeof(c));
			alert(c+5);

2.布尔型：true false

			alert(a==b);
			if(2){
				alert(111);
			}
			alert(a==b);
			if(2){
				alert(111);
			}

3.字符串型：“abc” ‘abc’

			var s1="afd";
			var s2="adfd";
			alert(typeof(s1));
			alert(typeof(s2));

4.undefined类型：不明确的 声明了一个变量，却没有为变量初始化赋值，值不明确

			var x
			alert(x);

5.object 对象类型：

js也是面向对象的语言 前期我们主要使用内置的对象，我们自己不定义对象

前端学习ES TS 面向对象结构搭建

			alert(data.getFullYear());
			alert(s1.charAt(2));

运算：

算术运算符 + - * / % ++ –

			var a=10;
			var b=5;
			var c="5";
			alert(a+b);		//加法
			alert(a+c);		//连接
			alert(a+c*1);	//先乘法再加法

			alert(a-b);		//减法
			alert(a-c);		//减法	10-"5"	隐式5转数值
			alert(a-"a")	//NaN not a number
			
			alert(a*b);
			alert(a*c);
			
			a-=c;	//减法
			alert(a);	
		
			// =(赋值)	==(比较值是否相等)	===(比较值是否相等，还需要比较两个类型是否一致)
			alert(b==c);
			alert(b===c);

函数：

声明函数：

			function test(){
				alert("末日铁拳");
			}
			
			function test2(a,b){
				alert(a+b);
				return 7;
			}

使用函数：

			test();
			
			var c=test2(1,5);
			alert(c);

全局函数：

1.弹出框：

alert("消息提示框");

2.确认对话框：确定-true，取消false

			var res=confirm("你确定？");
			alert(res);

3.输入对话框：

			var name=prompt("请输入");
			alert(name);

4.typeof() 返回参数的数据类型：

			var a=new Date();
			alert(typeof(a));

5. parseInt(n) 把参数转换为整数，如果参数是浮点数保留整数部分，如果参数字符串有非数字字符串，返回NaN

   parseFloat(n) 将参数转为浮点数

			var b="5";
			alert(5+parseInt(b));	

6.eval(s) 可以将某个字符串当作js脚本运行

			var c=1;
			var s3="2+7+c*5";
			var re=eval(s3);
			alert(re);