JavaScript 函数

风之吻网站开发 2024-12-28 439

JavaScript 函数-第1张图片-风享汇

以下是一些简单的 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：修改对象函数

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() 用于在控制台中显示结果。

标签： JS