JavaScript 【一】2022.3.14第三周

小亓同学

已于 2022-05-10 17:40:48 修改

阅读量743

点赞数

分类专栏：学习笔记JS 文章标签： javascript

于 2022-03-21 22:02:56 首次发布

本文链接：https://blog.csdn.net/m0_63564657/article/details/123642827

版权

学习笔记JS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JS概述

1.作用

表单动态校验（密码强度检测）【JS产生最初的目的】

网页特效

服务端开发（Node.js）

桌面程序（Electron）

App（Cordova）

控制硬件——物联网（Ruff）

游戏开发（cocos2d-js）

2.HTML/CSS/JS之间的关系

HTML（内容，结构）/CSS（表现）属于标记语言描述类语言

JS（决定功能行为）属于脚本语言编程语言

3.JS组成

ECMAScript（js语法）

DOM（页面文档对象模型）

BOM（浏览器对象模型）

一.JS三种书写方式

行内式，内嵌式，外部式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 内嵌式 -->
		<!-- <script type="text/javascript">
		alert('点秋香');
		</script> -->
		
		<!-- 外部式 -->
		<script type="text/javascript" src="myfirst.js">
		</script>
	</head>
	<body>
		<!-- 行内式 -->
		<!--  <input type="button" name="" id="" value="唐伯虎" onclick="alert('点秋香')" /> -->
		
	</body>
</html>

二.JS注释

单行注释 //

多行注释 /* */

三.JS输入，输出语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		// 弹出输入框，用户可以输入
		prompt('请输入你的年龄：');
		// 弹出一个警示框
		alert('好好学习，天天向上');
		// 控制台输出：给程序员看测试效果
		console.log('你好，程序员！');
		</script>
	</head>
	<body>
	</body>
</html>

四.变量

（即一个装东西的盒子）

变量是用于存放数据的容器，我们通过变量名获取数据，甚至数据可以修改。

1.变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。（类似于我们酒店房间，一个房间可以看做一个变量）

2.变量的使用

①声明变量 ②赋值

3.变量的初始化（声明变量的同时赋值）

4.变量语法扩展

①更新变量（一个变量被重新赋值后，原有值被覆盖）

②可以同时声明多个变量

③声明变量的特殊情况

情况	说明	结果
var age; console.log(age);	只声明，不赋值	undefined
console.log(age);	不声明，不赋值，直接使用	报错
age=10;console.log(age);	不声明，不赋值	10

5.变量命名规范

字母，数字，下划线，美元符号组成

严格区分大小写

不可以数字开头

不可以是关键字，保留字

驼峰命名

<script type="text/javascript">
		var age;//声明一个变量
		age=10;//给变量赋值
		console.log('age');
		var age=18;//变量初始化【声明一个变量并赋值】
		console.log('age');
		
		//交换两个变量的值
		var apple1='青苹果';
		var apple2='红苹果';
		var apple3;
		 apple3=apple1;
		 apple1=apple2;
		 apple2=apple3;
</script>

五.数据类型

数据类型包括简单数据类型，复杂数据类

<script type="text/javascript">
		// 数字型进制!
		
		// 最常见的进制有二进制、八进制、十进制、十六进制。
		// 八进制数字序列范围:0~7
		var num1 =07;//对应十进制的7
		var num2=017;//对应十进制的17
		//2.十六进制数字序列范围:0~9以及A~F var num=0xA;
		//现阶段我们只需要记住，在JS中八进制前面加0，十六进制前面加0x
		
		//数字型范围!!
		//JavaScript中数值的最大和最小值
		console.log(Number.MAX_VALUE) //Number.MAX_VALUE，这个值为:17976931348623157e+308
		console.log(Number.MIN_VALUE)//Number.MIN_VALUE，这个值为:5e-32
		//数字型三个特殊值!!!
		//Infinity，代表无穷大，大于任何数值
		//-Infinity，代表无穷小，小于任何数值
		
		//NaN，Not a number，代表一个非数值
		console.log(isNaN(12));//false
		console.log(isNaN('星期一'));//true
		
		
		//字符串型String
		//单引号，双引号均可 可嵌套
		//转义符 \n 换行  \\ 斜杠\  ' 单引号  " 双引号   \t tab缩进    \b 空格
		var string1='好好学习“天天向上”';
		console.log(string1.length);//字符串长度  .length
		var string2="好好学习'天天向上'";
		console.log(string1);
		console.log(string2);
		console.log('怎样才能被我蒙对 \n I \b wanna \bfeeling \b your \b feeling \n 你的出击让我崩溃 \n \t我的心欢迎你光临 \n 没人比你更加般配 \n 在夜里弹奏着钢琴 \n You\b came\b to\b me\b I\b love\b ya \b \n \\(I \blove \byour\b red \blips)')
		//字符串拼接
		//多个字符串之间可以使用 + 进行拼接
		//数值相加，字符相连

        //字符串拼接加强
		//字符串和变量拼接
		//变量不能添加引号
		</script>