分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JS——变量和函数的预解析、匿名函数、函数传参、return

发布时间:2023-09-06 02:00责任编辑:顾先生关键词:匿名函数

JS解析过程分为两个阶段:编译阶段、执行阶段。在编译阶段会将函数function的声明和定义都提前,而将变量var的声明提前,并将var定义的变量赋值为undefined。

匿名函数:

window.onload = function () { ???????????var oBtn01 = document.getElementById(‘btn01‘); ???????????var oBtn02 = document.getElementById(‘btn02‘); ???????????//注意这里不能有括号,skin01()的话就立刻执行了哦,所以不要加()! ???????????oBtn01.onclick = skin01; ???????????oBtn02.onclick = skin02; ???????}

这就是一个匿名函数,没有名字的~

函数传参(和python差不多~):

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title> ???<script type="text/javascript"> ???????window.onload = function () { ???????????var oDiv = document.getElementById(‘div1‘); ???????????????????????changestyle(‘color‘,‘gold‘); ???????????changestyle(‘background‘,‘hotpink‘); ???????????changestyle(‘width‘,‘300px‘); ???????????changestyle(‘height‘,‘300px‘); ???????????changestyle(‘margin‘,‘50px auto‘); ???????????????????????function changestyle(styl,val) { ???????????????oDiv.style[styl] = val; ???????????} ???????} ???</script></head><body><div id="div1">div元素</div></body></html>

 函数传参:

window.onload = function () { ???var oBtn01 = document.getElementById(‘btn01‘);var oBtn02 = document.getElementById(‘btn02‘);//注意这里不能有括号,skin01()的话就立刻执行了哦,所以不要加()!oBtn01.onclick = skin01;oBtn02.onclick = skin02;}

return关键字作用:

1)返回函数执行结果;

2)结束函数的运行;

3)阻止默认行为。

JS——变量和函数的预解析、匿名函数、函数传参、return

原文地址:https://www.cnblogs.com/gaoquanquan/p/9188914.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved