可能很多跟我一样同为小白的,都不知道JavaScript其实是ECMAScript的别名,那今天就来总结一下ECMAScript的一些小基础。
JavaScript的基本结构
script的标签所放位置是任意的。
- 避免阻塞其他资源,最好放在
<body>
最后,</body>
之前
<script type="text/javascript">
//javascript代码写在这里。
</script >
网页中引用JS的方式
首先创建js文件
内容为:
document.write("Hello,I am Jafe");
在页面中进行引用
<script src="hello.js" type="text/javascript"></script>
JS的注释
<script type=“text/javascript”>
// 我是单行注释
/*
多行
注释
*/
</script>
变量
变量的声明
//声明并赋值
var id = 123;
//先声明,后赋值
var age;
age = 22;
- javascript是弱数据类型语言,它声明变量时不需要指定数据类型。变量的数据类型完全由值类型决定。
不声明赋值
number = 100;
- 这种方式声明的变量为全局变量,全局变量要尽量避免使用。
- 当变量声明却未赋值(初始化)时:
var num;
document.write(num);
//输出结果:undefined
命名规范
- 变量必须使用字母、下划线( _ )或者美元符( $ )开始。
- 然后可以使用任意多个英文字母、数字、下划线或者美元符组成。
- 变量名区分大小写,如:A与a是两个不同变量。
- 不能使用JavaScript关键词与JavaScript保留字。
- 关键字
- 保留字
JS的数据类型
传送门:这里更详细
使用typeof + 变量
的形式能获取该变量的数据类型
var value = 10;
document.write((typeof value)+ "<br>");
JS的强制类型转换
本篇介绍两种,其余这里有详细说明
parseInt和parseFloat
- parseInt(),parseFloat():并非是单纯的字符串转换成数字。是从字符串的开始提取数字,如果碰到字符,那么停止提取,返回前面提取的数字。
parseInt(“20”); 结果:20
parseInt(“23px”); 结果:23
parseInt(“qwe”); 结果:NaN
- NaN:非数字的意思,是not a number的缩写。
NaN和任何数据进行运算结果仍然是NaN。因此,想要判断
一个变量是不是NaN时,不能使用这种形式:a==NaN,
而要使用isNaN(a);
隐式转换
var num1 = “10”;
var num2 = “5”;
num1-num2; 结果:5
num1*num2; 结果:50
num1/num2; 结果:2