02-JavaScript入门

最新推荐文章于 2023-05-08 23:57:33 发布

杨哥中大奖

最新推荐文章于 2023-05-08 23:57:33 发布

阅读量125

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/vhdl3018/article/details/103751328

版权

JavaScript学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

第2章入门

2.1 如何写一段JS代码并运行

1、写在行内

<input type="button" value="按钮" onclick="alert('Hello Wolrd')">

2、写在script标签中

<head>
  <script>
    alert('Hello World!');
  </script>
</head>

3、写在外部js文件中，在页面中引入

<script src="main.js"></script>

注意点：引用外部js文件的标签中不可以再写JavaScript代码，即使写了也不会执行，没有作用。

2.3 变量

2.3.1 什么是变量

1、什么是变量？
变量是计算机内部中存储数据的标识符，根据变量名称可以获取到内存存储的数据；
2、为什么要使用变量？
使用变量可以方便的获取或者修改内存中的数据，
3、变量就是存储数据的容器；

2.3.2 如何使用变量

//var声明变量
var age;
//变量的赋值
age = 18;
//同时声明多个变量
var age,sex,name
age = 10; 
name = "xs"; 
sex ="男";
//同时声明多个变量并赋值
var age=10,name="zd";

2.3.3 变量的命名规则和规范

1、规则——必须遵守的，不遵守会报错

由字母、数字、下划线、$符号组成，且不能以数字开关
区分大小写
不能是关键字和保留字，例如：for、while

abstract	else	instanceof	super
abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

2、规范——建议遵守的，不遵守不会报错

变量名必须有意义
遵守驼峰命名法。（首字母小写，后面单词的首字母需要大写。例如：userName、userPassword）

2.3.4 案例

1、交换两个变量的值

var a=1;
var b=2;
//借助第三个变量
var c = a;
a=b;
b=c;
console.log(a,b);

2、不使用临时变量，交换两个数值变量的值

var num1 = 10;
var num2 = 20;
//计算的方式：累加，然后相减
num1 = num1 + num2;  // num1：30
num2 = num1 - num2;  // num2：10
num1 = num1 - num2;  // num1：20
console.log(num1);
console.log(num2);

2.3.5 代码调试（输出变量）

1、alert()弹框：浏览器页面弹框

var num1 = 10;
alert(num1);

2、console.log()：浏览器console控制台

var num1 = 10;
var num2 = 20;
console.log(num1);
console.log(num1, num2);

3、document.write()：浏览器页面中输出

var num1 = 10;
document.write(num1);

2.4 数据类型

2.4.1 简单数据类型

Number、String、Boolean、Undefined、Null

1、获取变量的类型——typeof

var age=19;
console.log(typeof age);  // 'number'

2、Number类型

数值字面量：数值的固定值的表示法（数值直接量）
110 1024 60.5
浮点数（小数）
浮点数的精度问题

浮点数：
    var n = 5e-234;  // 科学计数法，  5乘以10的-234次方
    浮点数值的最高精度为17位小数，但是在进行算术计算时其精度远远不如整数
    不要判断两个浮点数是否相等。

    最小值：Number.MIN_VALUE，// 这个值为： 5e-324  5乘以10的-324次方
    最大值：Number.MAX_VALUE，// 这个值为： 1.7976931348623157e+308
    无穷大：Infinity
    无穷小：-Infinity

3、String类型

‘abc’ “abc” 单双引号引起来的一连串字符
字符串字面量（直接量）

注：转义后单双引号，只能就近和转义后的单双引号进行配对。

1）、转义符

\n 换行
\t 制表
\b 空格
\r 回车
\f 进纸
\ 斜杠
’ 单引号
" 双引号
\xnn 以十六进制代码nn表示一个字符，其中n为0~F。例如：\x41表示“A”
\unnnm 以十六进制代码nnnn表示一个Unicode字符，其中n为0~F。例如：\u03a3表示希腊字母Ε

2）、字符串的长度

length属性来获取字符串的长度

var str = "Hello World";
console.log(str.length);   //输出：11

3）、字符串的拼接

字符串拼接用 + 连接

console.log(11 + 11);
console.log('hello' + ' world');
console.log('100' + '100');
console.log('11' + 11);
console.log('male:' + true);

1、两边只要有一个是字符串，那么+就是字符串拼接功能
2、两边如果都是数字，那么就是算术功能

4、Boolean类型

Boolean字面量：true和false，区分大小写
计算机内部存储：true为1，false为0

5、Undefined和Null

undefined表示一个声明了没有赋值的变量。
null表示一个空，变量的值如果想为null，必须手动设置为null

注：关于undefined和null是一个面试中很容易被问题到的问题。

2.4.2 复杂数据类型

1、Object对象

保存很多数据的一种数据类型

2.5 注释

用来描述一个或者多行代码的作用，被注释的内容是不执行的。

1、单行注释

格式如： // 注释内容

2、多行注释

格式如： /* 注释内容 */

杨哥中大奖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
02-JavaScript入门

第2章入门2.1 如何写一段JS代码并运行1、写在行内<input type="button" value="按钮" onclick="alert('Hello Wolrd')">2、写在script标签中<head> <script> alert('Hello World!'); </script></head...
复制链接

扫一扫