JS函数基本属性

最新推荐文章于 2024-07-16 11:45:47 发布

li-chloe

最新推荐文章于 2024-07-16 11:45:47 发布

阅读量707

点赞数

本文链接：https://blog.csdn.net/weixin_51736721/article/details/117744371

版权

一、函数定义：

1.函数声明 function functionName(parameters)

2.函数表达式：var x = function (a, b) {return a * b};

3.function构造器： var myFunction = new Function("a", "b", "return a * b");

二、函数参数：指的是在函数定义中列出的名称，是传递到函数或由函数接收到的真实值。

functionName(parameter1, parameter2, parameter3) {
    要执行的代码
}

三、函数调用：在函数被调用时，函数内部的代码会被执行。

1.函数调用：

function myFunction(a, b) {
    return a * b;
}
myFunction(10, 2);

2.this关键字：当不带拥有者对象调用对象时，this 的值成为全局对象。

var x = myFunction();            // x 将成为 window 对象

function myFunction() {
   return this;
}

3.通过函数构造器调用函数

// 这是函数构造器：
function myFunction(arg1, arg2) {
    this.firstName = arg1;
    this.lastName  = arg2;
}

// 创建了一个新对象：
var x = new myFunction("Bill", "Gates");
x.firstName;

四、函数方法重用（call）：call() 方法是预定义的 JavaScript 方法。它可以用来调用所有者对象作为参数的方法。通过 call()，能够使用属于另一个对象的方法。

var people = {
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}
var people1 = {
    firstName:"Lali",
    lastName: "Roll",
}
var people2 = {
    firstName:"Bob",
    lastName: "Yal",
}
person.fullName.call(people1);  // 将返回 "Lali Roll"

五：编写一个判断某个非负整数是否能够同时被3,5,7整除的函数，然后在页面上输出1~1000之间所有能同时被3,5,7整除的整数提示：document.write()可在页面输出自定义内容

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript"></script>
</head>
<body>
    <div id="numBox"></div>
    <script type="text/javascript">
        (function(){
        var div=document.getElementById("numBox");
        var str='';
        for(var i=1;i<=1000;i++){
        if(i%3==0 && i%5==0 && i%7==0){
        // 这里面的i就是满足你条件的数字
        str+=i+" ";
        }
        }
        div.innerHTML=str;
        })();
        </script>
</body>
</html>

实现结果：