您的位置：首页 > Web前端 > JavaScript

欢迎来到JavaScript世界

2017-03-14 21:35 155 查看

今天接触到了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)

函数：适用于从字符串中取小数

注意点：

①只认识一个小数点

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js 前端心得

相关文章推荐

新的分享

章节导航