JavaScript基础总结-4

最新推荐文章于 2024-08-04 16:33:59 发布

m0-0m

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量73

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/m0_49935332/article/details/109740677

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

JavaScript_4

Javascript中的语句
1.顺序结构
2.选择结构
3.循环结构
while与do{}while()的区别？
while是先判断后执行，do{}while()先执行后判断，do{}while()与while同等条件下多执行一次。
while/do{}while()与for的区别
for–在执行的时候需要明确的知道循环的次数
While()/do{}while()----不需要明确的知道循环的次数。
4.break 和 continue 语句【return】
break;----中断【switch\循环】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>break</title>
		<script>
          for(var i=1;i<=6;i++){
			  document.write("<h"+i+">测试break</h"+i+">");
			  if(i==3){
			  	break;
			  }
		  }
        </script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

continue----继续【循环{结束当前循环，进入下一循环}】

 for(var i=1;i<=6;i++){
			 if(i==3){
			 	continue;
			 }
		 	document.write("<h"+i+">测试continue"+i+"</h"+i+">");
}

在这里插入图片描述

变量、运算符【表达式】、函数、语句、对象、事件
1.Javascript中的对象
1.内置的对象
1.1高级对象 String Number Date Array…
1.2Dom对象

window.οnlοad=function(){
					var textInput=document.getElementById("text1");
					alert(textInput);
				}

在这里插入图片描述

1.3Bom对象 window
2.自定义的对象
JavaScript 对象是拥有属性和方法【函数】的数据。
真实生活中，一辆汽车是一个对象。
汽车【对象】—重量，长宽高，品牌，颜色…[属性]
汽车【对象】—前进，后退，刹车…[方法【函数】]
在 JavaScript中，几乎所有的事物都是对象。
你已经学习了 JavaScript 变量的赋值。
以下代码为变量 car 设置值为 “Fiat” :

var car = "Fiat";

对象也是一个变量，但对象可以包含多个值（多个变量）。

var car = {type:"Fiat", model:500, color:"white"};

JavaScript 对象是变量和方法的容器.
创建对象
var 对象名称={属性名称:属性值,…,方法名称:function(){},…};
对象的定义形式
1定义一行
例如:var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
2JavaScript 对象可以跨越多行。
例如:

var person = {
    firstName : "John",
    lastName  : "Doe",
    age       : 50,
    eyeColor  : "blue"
};

属性名称不需要引号，属性值中【字符串,时间日期】需要引号，其他的值不需要引号。
对象中属性和方法的访问
1.对象中属性访问
格式: 对象名称.属性名称;
对象名称[“属性名称”] / 对象名称[‘属性名称’]
2.对象中方法访问
格式: 对象名称.方法名称;
3.变量的分类
全局变量—对象之外的变量
1.当前对象所处函数之外

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>全局变量</title>
		<script>
			//函数之外的全局变量
			//1.可以被当前程序中的任何一个函数的方法访问
			//2.可以被当前程序中的任何一个函数方法中的对象中的方法访问
			var testval1="全局变量";
			function  test1(){
				//alert("testval1=="+testval1);
				var per={getPerTest:function(){
					alert("testval1=="+testval1);
				}};
				per.getPerTest();
			}
			function  test2(){
				alert("testval1=="+testval1);
			}
		</script>
	</head>
	<body>
		<input  type="button"  value="测试全局变量1" onclick="test1();"/><br>
		<input  type="button"  value="测试全局变量2" onclick="test2();"/>
	</body>
</html>

在这里插入图片描述

2.当前对象所处函数里面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>全局变量2</title>
		<script>
			//当前函数里面，对象之外的全局变量
			//1.当前函数中的任何一个对象的方法中访问
			//2.当前程序中的其他函数无法访问
			function  test1(){
				var testval="函数里面，对象之外的全局变量";
				var per={getPerInfo:function(){
					alert(testval);
				}};
				var stu={getstuInfo:function(){
					alert(testval);
				}};
		        //per.getPerInfo();
				stu.getstuInfo();
			}
			function  test2(){
				alert(testval);
			}
		</script>
	</head>
	<body>
		<input  type="button"  value="测试全局变量1" onclick="test1();"/><br>
		<input  type="button"  value="测试全局变量2" onclick="test2();"/>
	</body>
</html>

在这里插入图片描述局部变量—对象里面，对象的函数里面，函数的参数。

2.1当前程序中函数里面的局部变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>局部变量</title>
		<script>
			function  test1(){
				var testval="当前程序中函数里面的局部变量";
				//1.当前程序中当前函可以访问
				//2.当前程序中当前函的对象的方法中可以访问
				var per={getPerInfo:function(){
					alert(testval);
				}};
				var stu={getstuInfo:function(){
					alert(testval);
				}};
			}
			function  test2(){
				alert(testval);
			}
		</script>
	</head>
	<body>
	</body>
</html>

2.2对象的函数中–只有当前对象的函数中可以访问

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>局部变量</title>
		<script>
			function  test1(){
				var per={getPerInfo1:function(){
					var  val="对象的函数中";
					alert(val);
				},
				getPerInfo2:function(){
					alert(val);
				}
				};
				var stu={getstuInfo:function(){
					alert(val);
				}};
				per.getPerInfo1();
				//per.getPerInfo2();
				stu.getstuInfo();
			}
		</script>
	</head>
	<body>
		<input  type="button"  value="测试局部变量1" onclick="test1();"/><br>
	</body>
</html>

在这里插入图片描述

3.对象中方法之外的变量【对象的属性】— 对象名称.属性名称
4.函数的参数
1.当前程序的函数的参数=== 当前程序中函数里面的局部变量
2.当前对象的方法参数===对象的函数中的对象的函数中。

m0-0m

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础总结-4

JavaScript_4Javascript中的语句1.顺序结构2.选择结构3.循环结构while与do{}while()的区别？while是先判断后执行，do{}while()先执行后判断，do{}while()与while同等条件下多执行一次。while/do{}while()与for的区别for–在执行的时候需要明确的知道循环的次数While()/do{}while()----不需要明确的知道循环的次数。4.break 和 continue 语句【return】break;--
复制链接

扫一扫

专栏目录