JavaScript-学习笔记（一）

最新推荐文章于 2024-02-01 11:51:54 发布

XiaoChong1998

最新推荐文章于 2024-02-01 11:51:54 发布

阅读量159

点赞数 1

分类专栏： JavaScript 文章标签： JavaScript 入门

本文链接：https://blog.csdn.net/qq_43473154/article/details/102822940

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript-学习笔记（一）

认识JavaScript与JavaScript基础

掌握：

认识JavaScript
JavaScript数据类型与变量以及数据类型转换
JavaScript表达式和运算符
JavaScript控制语句(条件判断和循环控制语句）
JavaScript函数（自定义函数、全局变量以及局部变量、内置函数）

工具：

HBuilder or HBuilderX

一：认识JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

特点：

服务器把js传给客户端
脚本是由浏览器解释执行
脚本在客户端执行

二：JavaScript数据类型与变量以及数据类型转换

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）

使用typeof运算符可以查看变量的数据类型

// 定义变量
var   name; 
// 赋值
name= “安琪拉”;
// 同时声明和赋值变量
var count = 10;
// 声明多个变量，使用逗号
var x, y, z = 10;或者var x = y = z = 10;

	转换成为	下面的类型	后的	值
原来的值	string	number	boolean	object
未定义的值	“undefined”	NaN	FALSE	错误
null	“null”	0	FALSE	错误
非空字符串	字符串本身	字符串或NaN	TRUE	字符串对象
空字符串	“”	0	FALSE	字符串对象
0	“0”	0	FALSE	数值对象
不为0的数字	“数字本身”	数字本身	TRUE	数值对象
NaN	“NaN”	/	FALSE	数值对象
TRUE	“true”	1	TRUE	boolean对象
FALSE	“false”	0	FALSE	boolean对象

数据类型强制转换

parseInt (String)
将字符串转换为整型数字
如: parseInt (“86”)将字符串“86”转换为整型值86
parseFloat(String)
将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45”转换为浮点值34.45

三：JavaScript表达式和运算符

表达式是对一个或多个变量或值（操作数）进行运算，并返回一个新值
运算符可分为以下类别：
- 赋值运算 =
- 算术运算符 +、-、 * 、 / 、%、++、–
- 结合运算 *= /= += -=
- 比较运算符、!=、>、>=、<、<、= 、!===
- 逻辑运算符 &&、||、！

四：JavaScript控制语句(条件判断和循环控制语句）

// if 语句
// 简单if语句
// If …else 语句
// 多重if语句
<script type="text/javascript">
if(条件表达式)
{
   语句块1;
}
else if(条件表达式2)
{
 语句块2;
}
…
else if(条件表达式n)
{
 语句块n;
}
else
{
语句块n +1;
}
</script>

// switch语句
<script type="text/javascript">
<!--
var grade ; //定义变量grade代表学期号
grade= prompt("请输入学期号(1-3)：",""); //返回字符串类型
switch(grade)
{
case "1":   //条件是字符串类型
	break;
case "2":
	break;
case "3":
	break;
default:
	alert("你输入的学期号有误！");
}
</script>

// while循环
// do-while循环
// for循环

五：JavaScript函数（自定义函数、全局变量以及局部变量、内置函数）

函数的含义：类似于Java中的方法，是执行特定任务的语句块。

自定义函数：

<html><head>
<title>无参数无返回值函数</title>
<script type="text/javascript">
    <!--
    function show()                 //定义一个无参数、无返回值的函数
    {
        alert("今天心情好好啊！");
    }
    //-->
</script>
</head>
<body>
  <p><input type="button" value="说我"  onclick="show()"></p>
</body>
</html>

内置函数:

parseInt (String)
将字符串转换为整型数字
如: parseInt (“86”)将字符串“86”转换为整型值86
parseFloat(String)
将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45”转换为浮点值34.45
isNaN()函数
判断一个变量或一个字符串是否为NaN。如果是，则返回true，不是则返回false。例如：isNaN( parseInt(“ab”) )将返回true，isNaN(“12”)将返回false。
eval()函数
eval函数将一个字符串作为一段JavaScript表达式执行，并返回执行的结果。

全局变量和局部变量：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>全局变量和局部变量</title>
<script type= " text/javascript">
function sum()
{
	var num1=parseFloat(document.myform.first.value);
	var num2=parseFloat(document.myform.second.value);
	if(isNaN(num1)==true)
	{
		alert(document.myform.first.value+"不能转换为一个数字！");
		return;
	}
	if(isNaN(num2)==true)
	{
		alert(document.myform.second.value+"不能转换为一个数字！");
		return;
	}
	document.myform.result.value =num1+num2;
}
</script>
</body>
</html>

XiaoChong1998

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-学习笔记（一）

JavaScript-学习笔记（一）目录：1.认识JavaScript与JavaScript基础2.JavaScript对象（自定义对象与内置对象）3.浏览器对象（BOM）文档对象模型(DOM)4.JavaScript事件以及应用5.JavaScript面对对象与闭包认识JavaScript与JavaScript基础掌握：认识JavaScriptJavaScript数据类型与...
复制链接

扫一扫