JavaScript函数和window对象

  • Post author:
  • Post category:java


函数(function)


函数的含义

:类似于Java中的方法,是完成特定任务的代码语句块


使用更简单

:不用定义属于某个类,直接使用


函数分类

  1. 系统函数

  2. 自定义函数

  • 有参函数

  • 无参函数

  • 函数的调用


定义函数

  1. 函数一定有返回(默认是未定义undefined)
  2. 可以写自己的返回
  3. return可以中断函数的运行
  4. 可以带参,不需要指定参数的类型,参数任意传,默认是未定义undefined
  5. 函数的返回值可以是任意类型

函数类型

  • 匿名函数(不定义名字)
  • 普通函数
  • 高阶函数(可以将函数作为参数)
  • 箭头函数(普通函数的简写)

各个函数类型的写法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--onclick 当被点击的时候-->
		<button onclick="fb()">我是一个按钮</button>
		<script>
			
			/**
			 public void fa(){
			
			 }
			 */
			
			
			//定义函数
			//1.函数一定有返回(默认是未定义undefined)
			//2.可以写自己的返回
			//3.return可以中断函数的运行
			//4.可以带参,不需要指定参数的类型,参数任意传,默认是未定义undefined
			//5.函数的返回值可以是任意类型
			function fa(a){
				console.log("hello");
				if(a){//为真
					return "yes"
				}
				return "no"
			}
			
			//匿名函数和调用的方式
			(function(){
				
			})();
			
			//调用函数
			console.log(fa());
			
			//可以将函数作为参数,这个就是高阶函数
			function fb(a,b){
				return a(b)
			}
			fb(fa,"1") 
		   
		   //箭头函数  普通函数的简写
		   var fb=()=>{
			   document.write("调用了")
		   } 
			
			
		</script>
	</body>
</html>

window对象


window的含义:

是整个JavaScript中最大的对象


常用属性:


常用函数:


内置对象:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a href="https://www.baidu.com">点我</a>
		<button onclick="f1()">点我</button>
		<h3 id="h3"></h3>
		<script>
			
			//写一个函数 接收两个参数  返回它们的和
			function a1(a,b){
				return a+b;
			}
			
			//window对象
			//是整个js中最大的对象
			
			// history 历史
			function back(){
				history.back()
			}
			
			function forward(){
				history.forward()
			}
			
			function f1(){
				//去百度
				location.href="https://www.baidu.com"
			}
			
			//window.xx()
			//window默认可以不写
			window.alert("我出来了")
			
			//定时炸弹
			/**
			setTimeout(function(){
				alert(炸了)
			},1000)
			**/
			
			var a=0;
			//i是定时器的编号
			var i=setInterval(function(){
				a++
				console.log(炸了)
				if(a==10){
					clearInterval(i);
				}
			},1000)
			
			setInterval(()=>{
				//textContent不识别html语句
				//现在的时间
				//h3.textContent=new Date();
				h3.innerHTML="<kbd>"+new Date().toLocaleTimeString()+"</kbd>"
			},1000) 
			
			//new Date().getFullYear();
			
			//console.log(Math.max(1,2,3,4,5,6,7,8,9))
			//console.log(Math.min(1,2,3,4,5,6,7,8,9))
			//console.log(Math.ceil(1.99))//向上取整
			//console.log(Math.floor(1.99))//向下取整
			//console.log(Math.round(1.99))//四舍五入
			//随机出来的一定是小数[0,1)
			//1~10
			console.log(Math.floor(Math.random()*10)+1)//随机数
			
		</script>
	</body>
</html>



版权声明:本文为m0_67331668原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。