JavaScript函数和window对象

函数(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>

 

  • 9
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值