JavaScript 函数

javascript 函数

以下是一些简单的 JavaScript 函数示例,方便您练习:

示例 1:加法函数

const n1 = 6;const n2 = 5;function somar(n1, n2) {  return n1 + n2;}console.log(somar(n1, n2)); // 输出:11

示例 2:对象打印函数

const cliente = {  nome: "joao da silva",  telefone: "08 99999990",  idade: 19,  cidade: "são paulo"};function imprimir(obj) {  console.log("Nome: " + obj.nome);  console.log("Telefone: " + obj.telefone);  console.log("Idade: " + obj.idade);  console.log("Cidade: " + obj.cidade);}imprimir(cliente);

示例 3:修改对象函数

立即学习“Java免费学习笔记(深入)”;

function modificarObjeto(obj) {  if (obj !== null && typeof obj === "object") {    obj.email = "jose@miranda.com";    if (obj.hasOwnProperty('idade')) {      obj.idade = 52;    }  }}

示例 4:修改数组函数

function modificarArray(arr) {  if (Array.isArray(arr)) {    arr.push(1000, 2000, 3000);  }}let numeros = [1, 2, 3];console.log("Before:", numeros);modificarArray(numeros);console.log("After:", numeros); // 输出:Before: [1, 2, 3], After: [1, 2, 3, 1000, 2000, 3000]

示例 5:匿名函数 (乘法)

const multiplicar = function(n1, n2) {  return n1 * n2;};console.log("Resultado da multiplicação:", multiplicar(100, 2)); // 输出:200

示例 6:更复杂的函数 (平方和立方)

// 计算平方的函数const quadrado = (n) => n * n;// 计算立方的函数const cubo = (n) => n * n * n;// 映射函数 (将函数应用于数组的每个元素)const mapeaElementos = (arr, func) => {  if (Array.isArray(arr)) {    return arr.map(func);  }};const numeros2 = [1, 2, 3, 4, 5];console.log("Quadrados:", mapeaElementos(numeros2, quadrado)); // 输出:[1, 4, 9, 16, 25]console.log("Cubos:", mapeaElementos(numeros2, cubo));     // 输出:[1, 8, 27, 64, 125]

示例 7:箭头函数 (打印对象)

const pessoa = {  id: 1,  nome: 'Joao',  idade: 19};const imprimirObjeto = (obj) => {  console.log();  console.log('ID: ' + obj.id);  console.log('Nome: ' + obj.nome);  console.log('Idade: ' + obj.idade);  console.log();};imprimirObjeto(pessoa);

这些示例涵盖了函数定义、参数传递、返回值、对象和数组操作以及匿名函数和箭头函数的使用。 请尝试运行这些代码并修改它们来加深您的理解。 记住,console.log() 用于在控制台中显示结果。

以上就是JavaScript 函数的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1499661.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 21:57:59
下一篇 2025年12月19日 21:58:06

相关推荐

  • React Query(TanStack Query):React 的高效数据获取和状态管理

    TanStack Query:React 数据获取和状态管理利器 TanStack Query(原名 React Query)是备受青睐的 React 数据获取和状态管理库,它巧妙地处理了数据获取、缓存、同步和分页等复杂问题,显著简化了远程数据处理流程。开发者无需手动编写繁琐的 API 请求、数据存…

    2025年12月19日
    000
  • 了解 JavaScript 模块:轻松导出和导入代码

    JavaScript模块详解 JavaScript模块化开发能够将代码分割成可复用、易维护的片段,有效封装代码并实现不同文件或代码段间的代码共享。 1. 什么是JavaScript模块? JavaScript模块是一个JS文件,它通过export导出代码(如变量、函数、类),并可被其他模块通过imp…

    2025年12月19日
    000
  • JavaScript 设计模式:全面概述

    JavaScript 设计模式详解 设计模式是针对常见软件设计问题的成熟解决方案,有助于编写更规范、易维护、易扩展的代码。JavaScript 中的设计模式主要分为创建型、结构型和行为型三大类。 1. 创建型设计模式 创建型模式关注对象的创建方式,提高对象的创建灵活性和复用性。 a) 单例模式 确保…

    2025年12月19日
    000
  • 面向 JavaScript 开发人员的 Rust:您的第一个 WebAssembly 模块

    Rust赋予WebAssembly近乎原生代码的执行速度,为JavaScript开发者开启了Web性能优化的新篇章。本文将指导您如何将JavaScript技能迁移到高效的WebAssembly环境。 为什么选择Rust与WebAssembly?开发者的视角 对于JavaScript开发者而言,想象一…

    2025年12月19日
    000
  • js重要知识点整理

    精通 JavaScript 必备知识:掌握变量、数据类型、运算符、控制流、函数、对象等核心概念。深入理解 JavaScript 对象模型,包括原型链、原型继承和闭包。熟练运用异步编程技术,了解 Promise、async/await、事件循环等机制。关注性能优化,优化 DOM 操作、事件委托、内存管…

    2025年12月19日
    000
  • 掌握 ESeatures:JavaScript 中的 let、const 和类

    深入理解ES6特性:let、const与类 ECMAScript 2015 (ES6) 引入了一系列强大的特性,彻底革新了JavaScript开发。其中,let、const和class关键字对于编写现代化、简洁高效的JavaScript代码至关重要。 1. let关键字 let用于声明具有块级作用域…

    2025年12月19日
    000
  • 人工智能如何危及我们的工作?

    人工智能让我们的工作陷入危险的主要原因是什么?人工智能有以多种方式影响各行业就业的潜力: 日常任务的自动化::人工智能和机器人技术可以自动执行目前由人类执行的重复性和可预测的任务。这包括制造工作、管理任务,甚至客户服务的某些方面。 提高效率:人工智能可以比人类更快、更准确地执行某些任务,这可能会减少…

    好文分享 2025年12月19日
    000
  • 掌握 JavaScript 中对象和数组的展开运算符

    javascript 中对象和数组的扩展运算符 扩展运算符 (…) 是es6 (ecmascript 2015) 中引入的一项强大功能,它允许您将数组元素或对象属性扩展或复制到新的数组中数组或对象。它有助于创建数组或对象的浅拷贝、组合多个数组或对象以及添加新元素或属性。 1. 数组扩展运…

    好文分享 2025年12月19日
    000
  • 了解 JavaScript 函数中的默认参数

    javascript 函数中的默认参数 javascript 中的 默认参数 允许您指定函数参数的默认值。如果在没有特定参数值的情况下调用函数,则使用默认值。 此功能是在 es6 (ecmascript 2015) 中引入的,有助于处理可能未提供参数的情况,避免未定义的行为并使您的代码更加健壮。 1…

    好文分享 2025年12月19日
    000
  • 掌握 XMLHttpRequest:JavaScript 中 AJAX 调用指南

    使用XMLHttpRequest进行AJAX调用 JavaScript的核心功能XMLHttpRequest (XHR) 对象,允许开发者在不刷新页面的情况下异步地向服务器发送和接收数据,是构建动态交互式Web应用的基础,也是AJAX(异步JavaScript和XML)的核心。 1. 什么是XMLH…

    2025年12月19日
    000
  • 掌握 JavaScript 类:现代 OOP 完整指南

    JavaScript 类:现代面向对象编程 ES6 引入的 JavaScript 类,是基于原型继承的语法糖衣,提供了一种更清晰、结构化的方法来定义和使用对象以及继承机制,从而提升代码的可读性和组织性。 类定义 使用 class 关键字定义类: 示例: class Person { construc…

    2025年12月19日
    000
  • 了解 JavaScript 原型:继承和方法共享综合指南

    JavaScript原型机制:继承与共享的精髓 JavaScript中的原型机制,是其对象创建和继承的基础。每个对象都关联一个原型对象,用于继承属性和方法,实现代码复用和高效的继承方式。 1. 原型是什么? 每个JavaScript对象都拥有一个内部属性[[Prototype]],指向其原型对象。该…

    2025年12月19日
    000
  • 掌握 JavaScript 中的对象

    JavaScript 对象详解 JavaScript 对象是键值对的集合,值可以是数据(属性)或函数(方法)。 它在 JavaScript 中至关重要,因为几乎所有事物,包括数组、函数甚至其他对象,都是对象。 1. 对象创建方法 a. 对象字面量 最便捷的创建对象方式是使用花括号 {}。 示例: c…

    2025年12月19日
    000
  • 掌握 JavaScript 中的解构:简化数组和对象

    JavaScript 解构:数组和对象的简化处理 ES6 引入的 JavaScript 解构功能,让数组和对象数据的提取和赋值变得高效便捷。它提升了代码的可读性和简洁性。 1. 数组解构 数组解构将数组元素直接赋值给变量: const numbers = [1, 2, 3, 4];const [x,…

    2025年12月19日
    000
  • 掌握 JavaScript 中的数组函数:slice、splice 和 forEach

    JavaScript 数组函数详解:slice、splice 和 forEach JavaScript 提供丰富的内置数组方法,方便开发者操作和处理数组元素。本文重点介绍三种常用的数组方法:slice、splice 和 forEach,它们能显著提升数组操作的效率和代码简洁性。 1. slice()…

    2025年12月19日
    000
  • 掌握 JavaScript 中的数字方法

    javascript 中的数字方法 javascript 提供了多种内置方法来有效地处理数字。这些方法允许您执行格式化、舍入、解析和验证数字等操作。 1.转换数字 a. tostring() 将数字转换为字符串。 const num = 123;console.log(num.tostring())…

    好文分享 2025年12月19日
    000
  • 掌握 JavaScript 中的柯里化:增强代码的可重用性和灵活性

    JavaScript 柯里化详解 柯里化是 JavaScript 函数式编程中的一项重要技术,它将接受多个参数的函数转换为一系列只接受单个参数的函数链。这种方法增强了函数的灵活性,并提升了代码的可重用性。 1. 柯里化机制 柯里化过程将一个多参数函数分解为一系列单参数函数。第一个函数接收第一个参数,…

    2025年12月19日
    000
  • JavaScript 中的原型链:理解继承和对象查找

    JavaScript 原型链详解 JavaScript 的原型链是其继承机制的核心概念,它允许对象继承其他对象的属性和方法。 原型链工作机制 创建 JavaScript 对象时,它会链接到另一个对象——其原型。每个对象都有一个隐含的内部属性 [[Prototype]],指向其原型对象。 访问对象属性…

    2025年12月19日
    000
  • 了解 JavaScript 运算符:带有示例的完整指南

    ### javascript 中的运算符 javascript 中的运算符是用于对值和变量执行运算的特殊符号。这些操作可以涉及算术、赋值、比较、逻辑和其他操作。了解运算符对于执行基本计算、比较和控制代码流程至关重要。 javascript 支持多种运算符,它们分为以下类型: ### 1. **算术运…

    好文分享 2025年12月19日
    000
  • JavaScript 中类型转换的完整指南:隐式与显式强制转换

    JavaScript 类型转换 JavaScript 的类型转换是指将数据从一种类型转换为另一种类型。作为动态类型语言,JavaScript 变量无需预先声明类型,系统会在需要时自动或手动进行类型转换。 类型转换类型 JavaScript 提供两种类型的转换: 隐式类型转换(类型强制)显式类型转换 …

    2025年12月19日
    000

发表回复

登录后才能评论
关注微信