Javascript核心技术___基础语法
一、什么是Javascript
Javascript是基于对象和事件驱动的脚本语言,主要是镶嵌到HTML中,应用于客户端,可以动态的操作元素。也可以运用服务端(很少使用在服务端)。
Javascript的特点
1.交互性(表单校验,信息提示,动态数据图表,ajax异步提交,解析服务端响应数据等等)
2.安全性(不可以访问本地磁盘,提高了了使用的安全性)
3.跨平台性(Javascript是由浏览器来解析的,和平台没有关系)
Javascript和Java区别
Javascript是一门弱类型语言
Java是一门强类型语言
强类型语言:变量定义了数据类型后,如果数据不经过强转,那么此数据就不能转换为别的数据类型
弱类型语言:变量可赋不同类型的语言,也就是说有个隐形的转换数据
二、Javascript基础运用
1.Javascript中的HollowWorld
注意:Javascript代码只能放在<script> 与 </script> 标签之间。
<script> 与 </script> 标签可以放在HTML的<head>和<body>中
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
alert("HolloWorld")
</script>
</head>
<body>
</body>
</html>
2.Javascript中的基本数据类型
1.number(数字类型)
在Javascript中只有一种数字类型,既可以定义整数,也可以定义小数
var x1 = 123;
var x2 = 123.123;
2.boolean(布尔类型)
boolean只有false和true两个值
var x1 = true;
var x2 = false;
注意:“”,0,undefined,null,NaN,false是false外外其余都是true
3.string(字符串类型)
字符串是储存字符的类型,可以使用双引号或者单引号
var x1 = "string";
var x2 = 'string';
4.undefined(未定义类型)
访问一个不存在的变量,或者一个未被赋值的变量,就会返回一个undefined,undefined类型的值就只有一个undefined
var x1;
var x2 = undefined;
5.null(空类型)
被赋予null的值的变量,通常认为已经定义了,只是不代表任何东西
var x1 = null;
Javascript中只有基本数据类型和非基本数据类型
3.数组
1.创建一个数组
var arr[1,2,3];
2.添加元素
var arr = [0,1,2];
console.log(arr);
arr[3] = 3;
console.log(arr[3]);
打印效果:
3.删除元素
var arr = [0,1,2];
console.log(arr);
delete arr[3];
console.log(arr[3]);
打印效果:
delete arr[3] 注意,此处只是将该元素留空,数组的长度并不会发生变化
4.更新元素
var arr = [0,1,2];
console.log(arr);
arr[2] = 5;
console.log(arr[2]);
打印效果:
4.流程控制语句
1.if-else(条件判断语句)
if(a = true){
console.log(a)//打印true
}
2.for(循环语句)可以控制循环次数
for(i = 1;i < 5;i++){
console.log(i)
}//输出结果1,2,3,4
3.for-in(遍历数组)
var arr = [1,2,3,4,5];
for(var i in arr){
console.log(arr[i])
}//打印1,2,3,4,5
4.while(循环语句)循环次数不可控
while(true){
console.log(1)
}//无限打印1
5.do-while
do{
console.log(1);
}while (false);//打印一个1
注意:while是先判读再执行,do-while是先执行再判断
6.break 语句用于跳出循环。
7.continue 用于跳过循环中的一个迭代
5.函数
函数相当于Java中的方法,使用关键字function修饰
1.无参数无返回值函数
//无参数无返回值的函数
function function_name () {
执行的代码
}
2.有返回值函数
//有返回值的函数
function function_name () {
return 返回值;
}
3.有参数函数
//有参数的函数
function function_name (a,b) {
执行的代码
}
注意:1.声明参数时不能声明它的数据类型
2. Javascript中的函数是不能重载的
3.函数也是一种数据我们可以把它赋值给变量