JavaScript基础知识（2）

最新推荐文章于 2022-04-14 18:33:06 发布

晚风yY

最新推荐文章于 2022-04-14 18:33:06 发布

阅读量158

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/m0_55689351/article/details/114703849

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

JavaScript中的变量

变量是程序运行中的最小单位，存储数据的”容器”。

为什么需要使用变量来存储数据？

为了减少程序的运行空间

创建变量需要什么？变量的组成？

创建变量的关键字--var
变量的名称
初始值【决定变量的数据类型】
作用域【有效范围】例如:西安市的公交卡在成都市是不能用的

定义变量和变量赋值

定义变量的格式： var 变量名称; 定义一个变量

变量赋值的格式：变量名称=具体数据值; 变量赋值

定义变量+变量赋值的格式：var 变量名称=具体数据值; 定义+赋值

也可以一次定义多个变量，多个变量之间用“,”分割，然后逐个赋值

变量的名称在创建的时候不能胡乱写，他有一定的规则:

变量的名称可以由数字、字母、$ 、_ 组成,数字不能开头。
变量的名称不能有空格，不能使用中文。
区分大小写（y 和 Y 是不同的变量）
不能是关键字。

什么是关键字？

Javascript语言为一些单词赋予了特殊的含义，这是被赋予了特殊的含义的单词就是关键。【被javascript语言占用】。

变量命名的格式：一般情况下变量的名称都是小写字母，

当这个变量的名称是由多个单词构成可以使用”_”或者”$”作为分隔符.

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>javascript中的变量</title>
		<script>
			//页面初始化事件--[网页一打开就开始执行]
			window.onload=function(){
				//定义变量的格式： var 变量名称;  定义一个变量
				var name;
				//变量赋值的格式： 变量名称=具体数据值;  变量赋值
				name="zhangsan";
				//定义变量+变量赋值的格式：var 变量名称=具体数据值;  定义+赋值
				var address="西安";
				//也可以一次定义多个变量，多个变量之间用“,”分割，然后逐个赋值
				var test1,num2;
				test1="zhangsan";
				num2=23;
				//也可以一次定义+赋值多个变量，多个变量之间用“,”分割
				var test2="zhangsan",num3=23,myadd="西安"; // [不推荐使用]
				/*
				变量的名称在创建的时候不能胡乱写，他有一定的规则:
				1.变量的名称可以由数字、字母、$ 、_ 组成,数字不能开头.						2.变量的名称不能有空格，不能使用中文。
				3.区分大小写（y 和 Y 是不同的变量）
				4.不能是关键字。 var var; 
				*/
			    var var1="hello";
			}
		</script>
	</head>
	<body>
	</body>
</html>

JavaScript中的数据类型

数据类型--变量的数据类型决定保存变量的数据将来所能进行的操作。

例如:数字【整数/小数】类型可以进行加减乘除四则混合运算的，如果是字符串类型的数据是不能进行加减乘除四则混合运算的。

Javascript脚本语言是一种弱类型的语言。

弱类型--弱数据类型--在定义/声明变量的时候不确定这个变量是什么类型，直至为这个变量赋值以后，通过所赋予的具体数据值决定变量的数据类型。所以在Javascript脚本语言中定义变量都是var关键字。

JavaScript具体数据类型

1.字符串类型（string）

被双引号””,或者’’包围形成的数据就是字符串类型。 “hello” ‘world’

var str1="hello";

var str2='world';

被双引号””包围的字符串数据中，如果出现双引号””，使用单引号代替，强制转义字符“\"”代替



var str4="hello'world'";

var str5="hello\"world\"";

3.被直接赋予字符串数据的变量，也可以是字符串对象。

var str4="hello,world";

//length属性得到字符串的字符个数

var len=str4.length;

2.数字类型(Number)

在javascript中数字类型包括整数和小数【浮点型】

var num1=100;

var num2=12.543;

极大或极小的数字可以通过科学（指数）计数法来书写

var y=123e5;

var z=123e-5;

被直接赋予数字数据的变量，也可以是数字类型对象。

var num3=300;
//保留两位小数部分
var test1=num3.toFixed(2);

3.布尔类型(Boolean)【逻辑类型】

取值只有两种：true/false，一般被用来做判断使用

var boo1=true;

var boo2=false;

if(boo1){

alert(“判断正确”);

}else{

alert(“判断错误”);

}

4.数组类型(Array)

1.数组类型被被认为是对象类型

2.数组就是保存一组数据值的数据类型。

3.定义创建数组格式：var 数组名称=new Array();

4.数组赋值格式: 数组名称[下标]=数据值;

5.下标是数组中表示数据在数组中位置，从0开始，数组的第一个存储位置下标为0，依次类推。

6.定义数组时直接赋值 var 数组名称=[数据值1,数据值2,......数据值n];

7.从数组中获取数据值数组名称[下标];

8.length属性得到数组中数据的个数。

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>认识数组</title>
		<script>
			window.onload=function(){
				//1.定义创建数组格式：var  数组名称=new Array();
				var array1=new Array();
				//2.数组赋值格式:  数组名称[下标]=数据值;
				//3.下标是数组中表示数据在数组中位置，从0开始，数组的第一个存储位置下标为0，依次类推。
				array1[0  ]=100;
				array1[1]=true;
				array1[2]=12.5;
				array1[3]="zhangsan";
				//alert(array1[2]);
				//4.定义数组时直接赋值 var 数组名称=[数据值1,数据值2,......数据值n];
				var array2=[1001,"zhangsan",23,"西安"];
				//5.从数组中获取数据值  数组名称[下标];
				var val=array1[3];
				var name=array2[1];
				var address=array2[3];
				//6.length属性得到数组中数据的个数。
				var len1=array1.length;
				var len2=array2.length;
				alert(len2);
			}
		</script>
	</head>
	<body>
	</body>
</html>

5.对象类型(Object)

1.通过“{}”定义的元素就是对象

2.对象能包含变量和函数【方法】

3.对象中的变量: 变量名称:变量值，如果有多个“,”分隔

4.对象中的函数：函数名称:function([参数1]){[return xxx;]} ,如果有多个“,”分隔

5.访问对象中的变量: 对象名称.变量名称 /

对象名称[“变量名称”] / 对象名称[‘变量名称’]

6.访问对象中的函数: 对象名称.函数名称;

7.对象中的函数里访问对象的变量：this.变量名称 / 对象名称.变量名称

对象名称[“变量名称”] / 对象名称[‘变量名称’]

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>对象类型</title>
		<script>
			window.onload=function(){
				//1.通过“{}”定义的元素就是对象
				//2.对象能包含变量和函数【方法】
				//3.对象中的变量:  变量名称:变量值 ，如果有多个“,”分隔
				//4.对象中的函数： 函数名称:function([参数1]){[return xxx;]}  ,如果有多个“,”分隔
				var obj1={userid:1001,
						  username:"zhangsan",
						  userage:23,
						  getUserInfo:function(){
							alert("obj1对象中的函数");  
							},
						  doUserInfo:function(){
								alert(this.userid+"  "+obj1.username);
							}
						  };
				//5.访问对象中的变量: 对象名称.变量名称 / 
				//对象名称[“变量名称”]  / 对象名称[‘变量名称’]
				var id1=obj1.userid;
				var name1=obj1["username"];
				var age1=obj1['userage'];
				//6.访问对象中的函数: 对象名称.函数名称;
				//obj1.getUserInfo();
				//7.对象中的函数里访问对象的变量：this.变量名称 / 对象名称.变量名称 
				//对象名称[“变量名称”]  / 对象名称[‘变量名称’]
				obj1.doUserInfo();
			}
		</script>
	</head>
	<body>
	</body>
</html>

6.空类型（Null）

通常情况下定义的变量如果不确定数据类型，可以使用null空类型代替。

 var test1=null;

7.未定义类型（Undefined）[未赋值，不知道具体的数据类型，使用Undefined代替]

var num1;
alert(num1);

JavaScript中的函数

1.函数也叫方法

2.实现具体功能的代码的集合【封装】

3.通过关键字function创建函数

4.具体格式

function [函数名称] ([参数列表]){

[return xxxx;]

}

1.function创建函数关键字

2.函数名称-有时候没有名称【匿名函数】

3. ([参数列表])--没有参数的时候空括号()

4.参数--将函数以外的数据值传递到函数里面进行运算【找帮手】，可以有多个，“，”分割

5.{} -- 函数体

6.return 语句 -- 函数执行完成以后有结果的时候使用return 语句，出现在函数的最后一句，函数执行完成以后没有结果的时候不用写return 语句。

注意：1.有参数的函数，1看函数的参数个数，2传参数值和变量都可以，3.注意顺序

2.有返回值的函数，需要定义变量类接收返回值

【要什么，给什么；给什么，收什么】

晚风yY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础知识（2）

JavaScript中的变量变量是程序运行中的最小单位，存储数据的”容器”。为什么需要使用变量来存储数据？为了减少程序的运行空间创建变量需要什么？变量的组成？创建变量的关键字--var 变量的名称初始值【决定变量的数据类型】作用域【有效范围】例如:西安市的公交卡在成都市是不能用的定义变量和变量赋值定义变量的格式： var 变量名称; 定义一个变量变量赋值的格式：变量名称=具体数据值; 变量赋值定义变量+变量赋值的格式：var 变量名称=具体数据值; 定义+...
复制链接

扫一扫