js中的函数

1.1基础

console.log(parseFloat('7.26e-2'));//返回解析后的浮点数0.0726
console.log(isNaN('')); //判断是否是NANK:false
console.log(parseInt('15.99'));//返回解析后的整数值

输出语句

函数的基本形式

 

function 函数名([参数1,参数2,参数3]) {
  //函数体
}

简单的点击事件 此段为js代码

function $(id) {
        return document.getElementById(id);
        
    }
    function show(){
        $('demo').style.display='block';
    }
    $('btn').onclick=show;

此段为html代码

<body>
<button id="btn">点击</button>
<div id="demo" style="display: none">这是一段文字</div>
</body>

这两段代码就可以实现一个简单的简单的点击事件

1.1.2参数设置

1.无参数设置 用于不需要提供任何数据，即可完成指定功能的情况

function greet() {
console.log('hello everbody')
}

这段代码在此页面打开时就会在控制器输出hello everbody 不需要任何的激发条件

2.有参函数

操作是需要用户传递数据 此时函数定义是需要设置形参 用于接受用户调用函数时参数的实参 

function maxNum() {
a=parseInt(a);
b=parseInt(b)
    return a>=b?a:b;
}

用于比较a 与 b的值谁大

函数调用

函数中的代码将在其他代码调用该函数时执行：

  • 当事件发生时（当用户点击按钮时）
  • 当 JavaScript 代码调用时
  • 自动的（自调用）

函数返回

当 JavaScript 到达 return 语句，函数将停止执行。

如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。

函数通常会计算出返回值。这个返回值会返回给调用者：

实例

计算两个数的乘积，并返回结果：

var x = myFunction(7, 8);        // 调用函数，返回值被赋值给 x

function myFunction(a, b) {
    return a * b;                // 函数返回 a 和 b 的乘积
}

局部变量

在 JavaScript 函数中声明的变量，会成为函数的局部变量。

局部变量只能在函数内访问。

实例

// 此处的代码不能使用 carName

function myFunction() {
    var carName = "Volvo";
    // 此处的代码可以使用 carName
}

// 此处的代码不能使用 carName

递归调用

复制代码
function factorial() {
if(n==1){
    return 1;
    
}
return n*factorial(n-1);
}
var n=prompt('求n的阶乘\n n是大于等于1的正整数 如2表示求2!.');
n=parseInt(n);
if (isNaN(n)){
    console.log('输入的n值不合法')
}else {
    console.log(n+'的阶乘为：'+factorial(n))
}
复制代码

 

 
posted @   曲中意  阅读(39)  评论(0)  编辑  收藏  举报
相关博文：
·  js中的对象
·  js中的内置对象
·  JavaScript 函数
·  JavaScript 函数
·  JavaScript 函数
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
点击右上角即可分享
微信分享提示