javascript简明知识点
Javascript的基本语言
1. Js是用于web开发的脚本语言。
2. 脚本语言
1) 不能独立使用,它和html语言/jsp/php/asp/asp.net配合使用,介于html和c,c++,java,c#;
2) 脚本语言有变量,函数,控制语句;
3) 脚本语言是解释性语言(在执行的时候对源码进行执行)
4) js使用浏览器中解释执行
3. javascript在浏览器客户端执行
4. 因为js是由浏览器来解释执行的,因此这里有个问题,不同类型的浏览可能对js的支持不一样。
5.开发工具
1) 记事本
2) eclipse
6.开始案例
1)案例1:打开网页显示hello world
<html>
<head>
<!-- js代码一般放在head标签间的,但实际上也可以在别的位置 -->
<script lanauage="javascript" >
window.alert("hello");
</script>
</head>
</html>
a. Js的位置可以随意
b. Js必须用<script>包起来,如果没有,则浏览器会将其视为普通文本。
c. 在一个html(jsp php asp)文件中可以出现多对<script>片段,浏览器会按先后顺序依次执行。
2) 案例二: 对前面的做加法
<html>
<head>
<!-- js代码一般放在head标签间的,但实际上也可以在别的位置 -->
<scriptlanauage="javascript" >
// js中变量的定义,在js中变量用var表示,不管实际类型是什么
var num1 = 45;
var num2 = 89;
var result = num1+num2;
window.alert("结果是"+result);
</script>
</head>
</html>
7. js的变量的类型究竟怎样决定
1)是弱数据类型语言
2)js中变量的数据类型由js引擎决定
8. js的命名规范(变量和函数)
1) 使用大小写字母、数字、_,$可以命名
2) 不能数字开头
3) 不能使用js的关键字和保留字
4) 区分大小写
5) 注释// /**/
9. js的数据类型
1) 基本数据类型
a. 数值 var a = 89; var b = 35.0;
特殊值: NaN window.alert(parseInt(“abc”)); inifinity window.alert(6/0);
b. 字符串 “a book of JavaScript” ‘abc’
c. 布尔型
注:通过typeof可以看到变量的具体数据类型
<scriptlanguage="javascript">
var v1 = "abc";
var v2 = 890;
window.alert("typeof(v1)=>"+typeof(v1));
window.alert("typeof(v2)=>"+typeof(v2));
v1 = 567;
window.alert("typeof(v1)=>"+typeof(v1));
</script>
2)复合数据类型
a. 数组
b. 对象
c. 特殊类型
null
udefine示例
var tt; window.alert(tt);未定义
window.alert(tt);出错 未定义
10. js数据类型的转换
1) 自动转换
2) 强制转换
Var a = “12345”;
a = parseInt(a);// 使用系统函数强制转换
11. js的运算符
+,-,*,/
%(去模) 可用来判断两个数是否可以整除
++运算符
- -运算符
12. javascript的控制语句
1) 顺序控制
2) 分支控制
a. 单分支
b. 双分支
基本语法
if(条件表达式)
{
}
else
{
}
c. 多分支
基本语法
If(条件表达式)
{
}
else if()
{
}
…
else
{
}
d. Switch语句
<script language="javascript">
var a = "890";
switch(a)
{
case "890":
window.alert("890");
break;
case "90":
window.alert("90");
break;
default:
window.alert("没有匹配项");
}
</script>
Js的switch语句可以使js支持的任何类型(数组和对象除外)
Case后面的数据类型可以任意(数组和对象除外)
Break跳出整个switch
13. 在逻辑运算中,0、“”、false、null、udefined、NaN均表示false
非常重要的知识点:
||将返回第一个不为false的值,或者最后一个值(如果全部是false)。
||返回的结果不一定是布尔值
14. js也有位运算和移位运算
15 函数
① 为什么需要函数
② 函数的基本概率
Function()函数名(参数列表)
{
// 代码
Return 值;
}
functioncalculator(num1, num2, operator) // 参数名前不要带var
{
var res = 0;
switch(operator)
{
case '+':
res = num1+num2;
break;
case '-':
res= num1-num2;
break;
case '*':
res = num1*num2;
break;
case '/':
res = num1/num2;
break;
}
returnres;
}
将上述的函数单独提出,写到js文件中,然后在需要的地方引入即可。
<scriptlanguage="javascript"src="myfunction.js"></script>
16 函数调用方式
① 普通调用
函数名(参数列表)
② 通过指向函数的变量去调用
var myvar = 函数名
myvar(实际参数)
17 可变参数
Js的函数天然支持可变参数
abc2(1, 3, 4,8);
function abc2()
{
for(var i=0;i<arguments.length; i++)
{
window.alert(arguments[i]);
}
}