今天接触到了JavaScript。
值得注意的是JavaScript代码是嵌在HTML代码中的。
下面我们一起来写JavaScript的第一个代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
alert("欢迎来到JavaScript世界");
</script>
</body>
</html>
当执行完这段代码之后,浏览器就会弹出一个小窗,小窗里面显示着:欢迎来到JavaScript世界。这就说明了我们的JavaScript代码已经运行成功。
------------------------------------------分割线-----------------------------------------------
下面一起来学习一下JavaScript的语法、关键保留字和变量等知识:
①在JavaScript中,标识符是区分大小写的,也就是说a和A是不一样的,这对于有c或者c++基础的人来说呢很简单。
标识符的组成是又字母数字或者下划线“_”,标识符的开头和c稍微有一点不一样:
开头可以是1.字母
2.下划线"_",
3.也可以是美元“$”。
②不能把关键字作为标识符,比如null false true等等之类的关键字。
③注释:和C语言的风格是一样的,分为单行注释:// 和 多行注释 /* */
注释的作用:对代码进行说明;对代码进行调试。
④常量:所谓的常量就是在程序中直接显示出来的数据值。
比如:100、"字符串"(字符串常量)、false(布尔值常量)、true、/js/gi(正则表达式常量)、null(对象常量)
⑤在JavaScript中,变量是松散型的。所谓的松散型就是变量可以保存任何类型的数据。
定义变量的格式:
var 变量名 ;
变量如果只有声明但没有初始化变量,系统会给定一个特定的值:undefined。
虽然可以存放不同类型的量,但是一般不这么做,因为在企业开发中,对于后期维护的成本很高。
--------------------------------分割线------------------------------------
JavaScript的数据类型:
JavaScript中一共有六种数据类型:
五种简单的数据类型:Undefined 、 Null 、Boolean、Number、String。
一种复杂的数据类型:Object。
①typeof操作符:
typeof操作符是用来检查变量的数据类型,对于值或者变量利用typeof操作符会返回如下字符串:(返回的是字符串而不是类型,所以返回的是小写的字母,而数据类型是大写的字母)
undefined,boolean,string,number,object(对象或者null),function(函数)。
举个栗子:
var boxString="JavaScript世界";
alert(typeof boxString);
如何创建一个空的对象:
var box =new Object(); 或者是var box = {}; //这样就创建了一个空的对象,而不是空对象。
空的对象表示 一个对象已被创建,但是里面没有东西。
空对象表示 没有创建对象 或者没有成功创建对象,就是一个null。
再创建一个Null类型:
var box = null; 此时的box就是一个Null类型,但是返回的字符串是object。
创建一个Function函数:
Function box(){
}
此时box就是一个Function函数,
②Undefined
没有初始化的变量就是Undefined。
③创建对象的时候:var box = null; 表示 还没有来得及创建一个对象,只是先声明一个对象的变量而已。
创建字符串的时候:var box = '';如果一开始不知道初始化什么字符串,就先用一个空的字符串去初始化这个变量。
创建数字的时候:var box = 0;如果一开始不知道初始化什么数字的时候,数值初始化一般用0。
-------------------------------分割线---------------------------------
NaN,即Not a Number。用于表示一个本来要返回数值的操作未返回数值的情况
NaN不与任何值相等,包括他自己。即NaN != NaN
isNaN()函数可以检测这个是否是数值,如果不是数值,返回true ;反之返回false。
alert(isNaN("Lee"));会返回一个true,说明字符串Lee不能转换成数字。
但是alert(isNaN("123"));会返回false,说明这个字符串123可以转换成数字。
parseInt(string, radix)函数:适用于从字符串中取数字;
注意点:
①如果第一个字符是数字,那么从第一个字符开始一直到第一个不为数字的字符中止,并且返回出来。
②如果第一个字符不是数字,那么就会返回一个NaN。
并且parseInt()提供了第二个参数,可以进行进制转换。
比如:
alert(parseInt("1f",16));
parseFloat(string)
函数:适用于从字符串中取小数
注意点:
①只认识一个小数点