网络安全之web基础js篇（上篇）（基础入门）

戰、天下

已于 2024-04-20 14:02:54 修改

阅读量849

点赞数 28

文章标签：前端 javascript 开发语言安全 web安全

于 2024-04-13 06:39:38 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_70911257/article/details/137570272

版权

本文主要介绍了JavaScript的基础知识，包括其用途、基本数据类型、变量、运算符、条件语句、循环语句和函数等内容。详细阐述了各部分的概念、规则和使用方法，如变量的声明提升、数据类型转换等，为初学者提供了全面的入门指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

10，数学运算符（+，-，*，/，%）对应加，减，乘，除，模除（求余数）

11，赋值运算符（=，+=，-=，*=，/=，%=）

3，变量作用域的提升（它会将声明提升到最上方但是不会把定义的值给提升到最上方）

8，IIFE立即调用函数（执行到这里时就立即调用一次）

一，认识什么是js

JavaScript（通常简称JS）是一种编程语言，它特别擅长给网页添加各种动态效果和交互功能。比如，当你点击一个按钮，网页上弹出一个对话框或者播放一段动画，这些很可能就是JavaScript在起作用。

js要写在<script></script>标签中

1，alert警告框函数

<!DOCTYPE html> <!-- 声明文档类型为html -->
<html>
	<head> <!-- 文档头部 -->
		<meta charset="utf-8">  <!-- 设置文档字符集为utf-8,另外还有很多字符集大家可以自己去百度了解一下 -->
		<title>我的js笔记</title> <!-- 标题 -->
	</head>
	<body> 
	<script type="text/javascript">//声明类型为js
		alert("这是一个警告框");//alert函数用来在浏览器上方弹出一个警告框
	</script>
    </body>
</html>

alert在浏览器正上方弹出一个警告框

2，prompt提示框函数

<!DOCTYPE html> <!-- 声明文档类型为html -->
<html>
	<head> <!-- 文档头部 -->
		<meta charset="utf-8">  <!-- 设置文档字符集为utf-8,另外还有很多字符集大家可以自己去百度了解一下 -->
		<title>我的js笔记</title> <!-- 标题 -->
	</head>
	<body> 
	<script type="text/javascript">
		prompt("这是一个提示框");//prompt函数用来在浏览器上方弹出一个提示框
	</script>
    </body>
</html>

propmt在浏览器正上方弹出一个提示框

3，console控制台函数

console.log在控制台输出一些数据

<!DOCTYPE html> <!-- 声明文档类型为html -->
<html>
	<head> <!-- 文档头部 -->
		<meta charset="utf-8">  <!-- 设置文档字符集为utf-8,另外还有很多字符集大家可以自己去百度了解一下 -->
		<title>我的js笔记</title> <!-- 标题 -->
	</head>
	<body> 
	<script type="text/javascript">
		console.log("这是一个控制台输出的信息");//console用来在浏览器控制台输出一些数据
	</script>
    </body>
</html>

F12打开开发者模式点击Console可以看到输出的数据

在控制台中也可以进行简单的运算，1+1得到结果2

  <script>	
  console.log(1+1);
  </script>

或直接在控制台输入1+1

二，js中五个基本数据类型

【1】string(字符类型)：“老男孩”

【2】number(数字类型)：888

【3】blooean(布尔类型)：True,False

【4】undefined(未定义类型)：undefined

【5】Null(空类型)：null

1，引用类型

Object（引用类型）：函数、数组、正则、DOM、BOM

2，数字类型字面量

整数（分正负）：5，-5

小数（分正负）：0.2，-0.2

科学计数（分正负）：2e3(相当于2*10^3)，-2e3(相当于-2*10^3)

无穷数（分正负）：Indinity，-Indinity，1/0

NaN（不是一个数字）:0/0（分母不能为0，所以会出现NaN）

3，字符串类型的字面量

数据由单引号或双引号括起来，字符串中的字符，可以是汉字、英文字母、数字、任意特殊字符。

		<script>
        console.log("你好");
		console.log("hello");
		console.log('8');
		console.log('*');
        console.log("");//空字符
        </script>

三，js中的变量

4，变量

顾名思义可以变的量，变量用法有三个步骤：

1，定义变量

2，给变量赋值

3，使用变量

    <script>
    var a;//定义变量，也可在定义的同时赋值如：var a=4;
	a=4;//给变量赋值
	console.log(a);//使用变量
    </script>

如果没有给变量赋值那么变量的值默认为undefined

5，变量的命名规则

1. 可以是数字、英文字母、下划线、美元符号$

2. 不能以数字开头

3. 不能是关键字、保留字

6，变量声明提升

顾名思义是将定义的变量作用域提升到最上面去，但是赋给的值不会提升到最上面。

<!DOCTYPE html> <!-- 声明文档类型为html -->
<html>
	<head> <!-- 文档头部 -->
		<meta charset="utf-8">  <!-- 设置文档字符集为utf-8,另外还有很多字符集大家可以自己去百度了解一下 -->
		<title>我的js笔记</title> <!-- 标题 -->
	</head>
	<body> 
	<script type="text/javascript">
	console.log(a);//undefined
	    var a;
		a=4;
	console.log(a);//4
	</script>
    </body>
</html>

输出结果

7，用typeof检测数据的类型

<script>
    console.log(typeof "good");
	console.log(typeof 100);
	var a;
	console.log(typeof a);
</script>

结果

8，数据类型的转换

【1】数字转字符串

通过使用＋号将数字转换成字符，可以理解为连字符吧

<script>
console.log("你好啊"+65+"hello");
</script>

结果

【2】字符串转数字

parseInt函数是将第一次遇到的整型数字字符串给提取出来

parseFloat函数是将第一次遇到的浮点型（小数）数字字符串给提取出来

<script>
console.log(parseInt("123你好456"));
console.log(parseFloat("1.23你好啊4.56"));
</script>

结果

最低0.47元/天解锁文章