JS基础
程序员文章站
2024-03-23 22:14:52
...
JS基础
- 概述:JS(JavaScript)是一门网页脚本语言,主要用来做网页特效
- JS与HTML结合的方式
(1)内部结合:将JS代码写到一对< script type=“text/javascript”>< /script>标签中即可
(2)外部结合:单独创建一个文件,将JS代码写到文件中,然后页面引用这个文件,一般开发选择外部结合,例如创建一个myjs文件,用< script src=“js/myjs.js”>< /script>引用 - 数据类型
Java中的数据类型分基本类型(四类八种)和引用类型(字符串String)
而JS中的数据类型没有这么细分
- 基本语法
JS在定义变量时,不需要写出具体的数据类型,统一采用var关键字声明变量
var num=100;
var num2=3.14;
var ch='A';
var str="abc";
通过typeof运算符,可以获取变量的原始数据类型
alert()即在浏览器中弹窗
document.write()即在页面上显示内容
alert(typeof num)//number
alert(typeof num2)//number
document.write(typeof ch)//String
document.write(typeof str)//String
注:typeof运算符对于null值会返回对象Object
JS在定义常量时,用const关键字,例如const NUM=100; 就是定义一个常量100
其他语句,如if、for、while、do while、switch等跟Java中的语法一样
- void运算符
<a href="http://www.baidu.com">进入百度</a>
//javascript:void(0) 拦截a标签默认跳转页面的行为
<a href="javascript:void(0)">进入百度</a>
//javascript:void(show()) 拦截a标签默认跳转页面的行为,并且还能调用show()函数执行一段功能
<a href="javascript:void(show())">改变页面背景颜色</a>
- 函数
JS中的函数,类似于Java中的方法,即封装一段功能,以实现重复调用
定义函数的方式:
(1)通过函数名调用
function show(){
alert("这是一个函数");
}
//调用函数
show();
(2)通过变量名调用
var test=function(){
alert("这是一个函数2");
}
//调用函数
test();
- JS函数中的参数和返回值
(1)函数的形参不需要写数据类型,如果要返回结果,直接return即可
(2)调用函数时,实参可传也可不传,可多传也可少传,因为函数里面有一个隐藏的属性arguments,它是一个数组,会将所有实参收到,放到数组中
var test=function(a,b,c){
//arguments
alert(arguments[3]);
alert(arguments[4]);
alert(arguments[5]);
return a+b+c;
}
test(20,30,50,60,60,60);
可以看到,实参传多了,但也会被放到数组中,也同样可以通过数组角标输出后三个数字,前三个数子则通过return返回结果,若根据没有给值的数组角标输出值,则会返回未定义
- 运算符
在运算时,当这个运算符想要的数据跟它要的不一样时,就会尝试着进行转换
转换规则:
(1)字符串转换成数字:字面上能转换,意思就是字面上都是数字,就转成数字,否则转成NaN,指不是数字的数字
(2)布尔类型转换成数字:true转成1,false转成0
(3)比较运算符:" == "号比较两者类型, " ==="符号代表全等于,即先比较类型,再比较值
字符串比较大小:如果长度一致按字典顺序比较,长度不一致,谁长度长就谁大
(4)逻辑运算符:数字转布尔:0转false,1转true;字符串转布尔:空串转false,非空串转true;NaN转布尔,转flase;未定义转布尔,转flase;对象转布尔,转true;null转布尔,转false
注:NaN参与数学运算,都是NaN
NaN参与比较运算符,除了不等号,参与比较运算都是false