目录
适用网安,有一定C基础,对JS要求只会,不精通。
第一天 基础入门
一、JavaScript 简介
1 .1 JavaScripot组成
Web前端层次
HTML(结构层) 利用语义化标签搭建网页
CSS(样式层) 利用样式进行美化网页、进行网页布局
JavaScript(行为层) 可以给网页添加动态效果
JavaScript是由三部分组成。ECMAScript(语法规范)、DOM、BOM。
1.2 JavaScript 书写规范
JS属于脚本语言。它需要嵌套在网页中才可以运行。
</script> <script type="text/javascript"> alert("你好,我是JS呀"); </script>
# JS语法,务必通过双闭合标签script,嵌套在网页内部执行。 # script标签可以放在程序任意地方,但是一般会放在程序最下方。 # script标签内部,只能放JS语法。标签、样式别再script标签内部书写 # script标签有一个type属性,属性值为text/javascript。代表的是书写JS语法。 # JS语句以分号结尾,一个分号就表示一个语句结束。多个语句可以写在一行内。 空语句(;)
二、内置函数
内置:浏览器自带。函数:某些功能
2.1 alert (“弹出警告框");
2.2 promt("提示框");
输入进去的是(黑色)字符串类型
2.3 控制台 console.log("","");
# console.log可以在控制台中打印一些数据。 # 如果同时打印多个数据,多个数据之间,用逗号隔开。 # 当程序出现错误的时候(红色),可以在控制台中查看。 # 控制台中可以进行一些数学运算。可以获取到运算的结果。
三、字面(常)量
字面量:某个数据类型固定的值。
JS的数据类型一共有六种:五个基本数据类型、一个引用类型。
五个基本数据类型:
数据类型 | 数值 |
---|---|
String(字符串类型) | “我是大帅哥” “我是大美女” |
Number(数字类型) | 100、200、3.14、-99 |
Boolean(布尔类型) | true、false |
Undefined(未定义类型) | undefined |
Null(空对象类型) | null |
一个引用类型:(除了基本数据之外的所有类型)
数据类型 | 数值 |
---|---|
Object(引用类型) | 函数、数组、正则、DOM、BOM等等 |
3.1 Number
整数,浮点数,科学计数法,特殊值
3.2.1 Infinity (∞) 无穷
特殊值:概述:在JS当中,数字其实是有范围的。-2^53~2^53,如果开发中书写数字超出这个范围, 如果超出数字范围,可以利用特殊值Infinity进行表示。Infinity这个数字类型的特殊值,也有正负之分。 # 在控制台中打印的数字,切记是蓝色的。
3.2.2 NaN
概述:NaN,英文(Not A Nunmber ),是Number中的一个特殊值。
例:在数学当中,数字零不能作为分母的。如果出现这种现象,别的语言可能崩掉。 但是在JS当中,不会出现崩掉现象,而是给你返回一个数字类型特殊值NaN。
如:l 如果分子(不为零),分母为零。认为分母零(趋近于零的这样的一个数字),只能返回一个数字类型特殊值Infinity。 #console.log(0/0);//NaN #console.log(12/0);//Infinity
3.3 字符串
# 由双引号、单引号扩起来 # 字符串在控制台中打印的时候是黑色的。 # 如果字符串中一个字符都没有,称之为空字符串
*四、变量 var (variable)
关键字var
语法格式: var 变量名;//代表声明一个变量
变量: 你可以理解为是一个容器,这个容器可以装在任意类型的字面量数值、或者装载数学计算完结果。
4.1 变量使用注意事项
变量定义语法:1.使用var关键字创建。 2.命名要符合标识符规范。 3.按名称调用区分大小写。 4.标识符不能是关键字和保留字符。 5.一个关键字var可以同时声明多个变量,多个变量之间,需要用逗号隔开。 6.访问变量时,不能加引号,不然就是字符串了
4.2命名标识符规范
-
开头:标识符必须是字母,下划线,$。
-
组成:可以是数字、英文字母、下划线、美元符号
-
命名规则:驼峰命名法
-
规则:
-
\1. 不能以数字开头
-
\2. 不能是关键字、保留字
-
\3. 中文是合法的标识符,可以用作变量名。
-
-
语言特色: JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型。
4.3变量声明提升
先解析代码,获取所有被声明的变量,然后再一行一行地运行,执行代码.
一个变量,如果只是声明了。没有赋值,默认初始值为undefined
当程序中出现变量,解析器做的第一件事情。将变量的声明部分,提升到当前作用域最上方。(赋值部分不会提升)
五、数据类型判断
在JS当中,我们可以利用关键字typeof,它主要的作用是可以检测任意类型的字面量或者变量存储的数据为什么类型的数值。
关键字:typeof
typeof关键字可以检测任意数据的类型。
使用的时候,关键字typeof + 空格+检测数据即可。
typeof null =》 object null==undefind true
typeof 数组:[] =》 object
六、数据类型转换
-
\1. 将数字类型的数据转换为字符串类型的数据
-
\2. 将字符串类型的数据转换为数字类型的数据
6.1 数字转换为字符串
+号
# 如果语句当中出现了字符串,这个加号(+),就不是数学的加法了。是所谓连字符。可以将** 数据从左到右变为字符串** # 也可作字符串连接符号。
6.2 字符串转换为数字
-
parseInt 字符串转换为整数
-
parseInt 字符串转换为浮点数
从左到右进行转换,转换过程中如遇到, 非数字形式字符,后面数据就不在进行转换。