javaScript—02 基础入门 (函数的应用)

简介: javaScript—02 基础入门 (函数的应用)

一.JavaScript 函数

1.1 概述

  • 函数可以把代码封装起来,并且重复调用
  • 一个JavaScript函数用function 关键字定义 ,后面跟着函数名和圆括号。
  • 函数分为:系统函数 和 自定义函数

1.2 常见的系统函数

  • eval
  • parseInt
  • parseFloat
  • isNaN

1.2.1   eval

用于计算一个字符串,并将其作为脚本代码执行。(eval  (string)

document.write( eval("2+2"))//返回4
var num=2;
document.write( eval(num+2))//返回4

1.2.2  parseInt / parseFloat

从字符串提取整数 / 小数。如果遇到字符串第一个不是数字,则返回NaN,它会遇到非数字就停止提取。

               parseInt(变量名) /  parseFloat(变量名)

1.2.2  isNaN

先将一个变量的数据类型自动的转换为Number 如果是NaN就会得到true,如果是一个数字就得到false。

document.write(isNaN(5-3));  //返回false
document.write(isNaN(0));      //返回false
document。write(isNaN("Hello")); //返回true

1.3 自定义函数

1.3.1 声明函数

function 函数名(){

//函数代码块,又称函数体

//调用函数

函数名();

例如:将1加到100封装成函数

function sum(){
//定义一个变量接收
var sum =0;
//循环遍历
for( var i =1; i<=100;i++){
sum=sum+i;
}
//打印结果
console.log(sum);
}
//调用函数
sum();

1.3.2 函数的调用方式

  • 直接调用
  • 函数内调用函数
  • 事件属性调用
  • 匿名函数通过变量调用
//直接调用
function a () {}
a();
//函数调用函数
function b(){
a();
}
//事件属性调用
function c(){}
<button onclick="a();">点击我(* ̄︶ ̄)</button>
//匿名函数通过变量调用
var dd=function (){}
console.log( dd );
相关文章
|
25天前
|
JavaScript 前端开发
Vue 应用 main.js 里的源代码解析
Vue 应用 main.js 里的源代码解析
18 0
|
24天前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
16 0
|
24天前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
47 0
|
4天前
|
前端开发 JavaScript API
JavaScript中的异步编程技术及应用
【2月更文挑战第2天】传统的JavaScript编程方式在处理异步操作时存在诸多不足,为了解决这一问题,近年来涌现出了一系列异步编程技术,本文将深入探讨Promise、async/await等异步编程解决方案,并结合实际案例展示其在前端开发中的应用。
|
5天前
|
前端开发 JavaScript UED
JavaScript 中的异步编程及其应用
【2月更文挑战第1天】 在前端开发中,JavaScript 的异步编程是一个重要的话题。本文将深入探讨 JavaScript 中的异步编程机制,包括回调函数、Promise、async/await 等,以及在实际开发中的应用场景和最佳实践。
|
5天前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
19 1
|
5天前
|
前端开发 JavaScript UED
《JavaScript中的异步编程技巧与应用》
【2月更文挑战第1天】在前端开发中,异步编程是至关重要的一环。本文将探讨JavaScript中常用的异步编程技巧,包括Promise、async/await等,并结合实际案例展示其应用场景和优势。
|
5天前
|
前端开发 JavaScript
JavaScript中的异步编程及Promise的应用
在前端开发中,异步编程是常见的需求,而Promise作为一种解决异步操作的技术,具有很高的应用价值。本文将介绍JavaScript中的异步编程原理,并结合实际案例详细讲解Promise的使用方法及其在前端开发中的应用。
8 2
|
6天前
|
前端开发 JavaScript
JavaScript 中的异步编程:Promise 和 Async/Await 的实现与应用
在Web开发中,JavaScript异步编程是一个不可忽视的重要话题。本文将深入探讨JavaScript中Promise和Async/Await的实现原理与应用场景,通过实例代码带您了解如何优雅地处理异步操作,提升代码的可读性和可维护性。
|
7天前
|
JavaScript 前端开发 UED
JavaScript中的事件委托机制及实践应用
事件委托是JavaScript中常用的性能优化技巧,通过将事件监听器绑定在父元素上,实现对子元素事件的统一管理,减少页面中事件处理函数的数量,提升页面性能。本文将介绍事件委托的原理和实践应用,帮助开发者更好地理解和运用这一技术。

相关产品

  • 云迁移中心