JS三种使用方式
1.行内js:
在html上直接写js代码
<!-- 行内js -->
<button onclick="alert('Holle world');">按钮</button>
2.内部js:
在script标签中写js代码,script标签可以放在head中或body中(建议放在body标签最后)
<!-- 内部js -->
<script type="text/javascript">
alert("这是一个按钮");
</script>
3.外部js:
定义js文件,通过script标签的src属性引入对应的js文件。如果script标签设置了scr属性,则
在script双标签中的代码不会生效
<!-- 外部js -->
<script src="js/test.js" charset="UTF-8"></script>
基础语法
语句:
1.js代码一行为单位,语句可以不加分号结尾。但当一行中有多条语句,每句语句必须以" ; "结尾。
2.表达式不需要以分号结尾,如果加了分号Javascript引擎会当成语句执行,生成无用语句。
标识符和关键字
标识符规则:
由Unicode字母、_ 、$、数字组成、中文组成
(1)不能以数字开头
(2)不能是关键字和保留字
(3)严格区分大小写
标识符规范:
(1)见名知意
(2)驼峰命名或下划线规则
变量
变量的声明:
js声明变量时不需要指明数据类型,直接用var修饰进行声明
var a = 10;
如果重新声明一个存在的变量是无效的,但是声明并且赋值就会覆盖。
声明提升:JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。
数据类型
undefined 类型的值是 undefined。
undefined 表示“无”的原始值,表示值不存在。
1、变量只声明未赋值,值为undefined
var c;
console.log(c)
2、定义函数需要形参,调用函数未传递实参时,参数值为undefined
function fn1(a){
console.log(a);
}
fn1()
3、当函数没有返回值时,接受值为undefined
function fn2(){
console.log("qwwew");
}
var d = fn2();
console.log(d);
null类型:
表示空值
1、使用 typeof 操作符测试 null 返回 object 字符串
2、underfined 派生自 null,所以等值比较返回值是ture,未初始化的变量和赋值是null
数值型:
数值型包括两种:整型、浮点型。
字符串:
1、使用单引号或双引号引起来的
2、可以用"+"对字符串进行拼接
var s1 = 'Hello';
var s2 = "Hello";
console.log(s1,s2);
console.log(s1+s2);
对象类型:
数组
var 数组名 = [];
对象
var 对象名 = {};
函数
function 方法名(){
}
类型转换
自动类型转换
函数转换:
parseInt() 转整数型
parseFloat() 转浮点型
转换时从第0个位置开始找有效数字,直到找到无效数字位置
console.log("==============");
console.log(parseInt("123abc"));
console.log(parseInt("abc123"));
console.log(parseInt("123.4abc"));
console.log(parseInt("123"));
console.log("123")
console.log("==============");
console.log(parseFloat("123abc"));
console.log(parseFloat("abc123"));
console.log(parseFloat("123.4abc"));
console.log(parseFloat("123"));
console.log(parseFloat("123.4.5"));
var num1 = 1;
var num2 = "2";
console.log(num1+num2);
console.log(num1 + parseInt(num2));
显示转换:
toString() 将值转换成字符串
toFixed() 保留指定小数位
JS为Number、Boolean、String 对象提供了构造方法,用于强制转换类型。
console.log("==============");
var q = "1";
var w = "a";
var e = "123abc"
var r = "123.4"
var t = "123.4abc"
console.log(Number(q));
console.log(Number(w));
console.log(Number(e));
console.log(Number(r));
console.log(Number(t));
console.log("==============");
console.log(Boolean("a"));
console.log(Boolean(0));
console.log(Boolean(1));
console.log(Boolean(null));
console.log("==============");
console.log(10);
console.log(String(10));
console.log(null);
console.log(String(null));