javascript-函数_js def()-优快云博客

本文详细介绍了如何设置JS代码在页面加载完成后执行的方法，避免了代码提前执行导致的问题。同时，深入解析了JS函数的定义、使用、传参及返回值，对比了Python中的函数定义，并讲解了匿名函数的使用。

设置让js代码在，页面加载完成后再执行

如果没有这样的设置，需要把js代码写在html代码的底部

<script>
    window.onload = function(){
       document.getElementById('p1').style.color="blue";
    }
</script>


<div>
    <p id="p1">标签0</p>
    <p>标签1</p>
</div>

函数的定义

function 函数名（）{代码块}

对比python中的函数定义

def 函数名（）：

    代码块

函数的使用

函数名（）

函数的传参

同python中的函数

函数的返值

同python

匿名函数

python中的匿名函数

lambda x:x+1

js中的匿名函数

function （）{函数体}

匿名函数的使用

下面两种情况是一样的效果，都可以让函数得到执行

标签元素.事件 = 函数名

标签元素.事件 = 匿名函数

举例

情况1

    var oInput = document.getElementById("cont")

    oInput.onclick = function() {
        var iNum1 = 7;
        var iNum2 = 1;
        alert(iNum1+iNum2);
    }

情况2
    oInput.onclick = add2num;
    function add2num() {
        var iNum1 = 7;
        var iNum2 = 1;
        alert(iNum1+iNum2);
    }

    // 元素标签.点击事件 = 函数的名称

</script>

补充python中匿名函数

func = lambda m:m+1
r = func(3)
print(r)
func2 = func
r2 = func2(5)
print(r2)
r3 = (lambda m:m+1)(9)
print(r3)