JavaScript学习笔记之JS函数

yizhihongxing

Javascript函数是一种重要的编程元素,用于封装可重用的功能。在本篇学习笔记中,我们将涵盖以下主题:

  1. 函数的定义和调用
  2. 函数参数的传递与默认值
  3. 函数返回值和作用域

1. 函数的定义和调用

JavaScript中函数可以通过函数声明或函数表达式来定义。函数声明使用关键字function定义,如下:

function greet(name) {
  console.log(`Hello, ${name}!`);
}

函数表达式将函数分配给一个变量,如下:

const greet = function(name){
  console.log(`Hello, ${name}!`);
};

函数调用可以这样形式,带有参数的函数调用:

greet('World');

2. 函数参数的传递与默认值

函数的参数可以是任何数据类型,包括字符串、数字、对象、数组等。我们可以在函数定义中指定参数,如下示例:

function sum(a, b) {
  console.log(a + b);
}

sum(1, 2);

默认参数用于判断函数未传递的参数,如下示例:

function sayHello(name = 'Stranger') {
  console.log(`Hello, ${name}!`);
}

sayHello();   // "Hello, Stranger!"
sayHello('Tom');  // "Hello, Tom!"

3. 函数返回值和作用域

函数可以返回一个值,使用 return 语句,如下:

function cube(x) {
  return x * x * x;
}

const result = cube(3);
console.log(result);  // 27

函数作用域指的是函数内部声明的变量对于函数外部是不可见的。在下面的示例中,x只能在函数体内使用:

function test() {
  const x = 10;
  console.log(x);     // 10
}

console.log(x);   // ReferenceError: x is not defined

以上就是JavaScript函数的主要内容,至少包含两条示例需要加深理解。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript学习笔记之JS函数 - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • Javascript Date getUTCFullYear() 方法

    以下是关于JavaScript Date对象的getUTCFullYear()方法的完整攻略,包括两个示例说明。 JavaScript Date对象的getUTCFullYear()方法 JavaScript Date对象的getUTCFullYear()方法返回当前日期的年份,以四位数字形式表示。 下面是使用Date对象的getUTCFullYear()方…

    JavaScript 2023年5月11日
    00
  • JSON stringify方法原理及实例解析

    JSON stringify方法原理及实例解析 JSON.stringify() 方法概述 JSON.stringify() 方法是 JSON 对象中的方法,用于将 JavaScript 对象转换为一个字符串。它可以将一个 JavaScript 对象序列化成一个 JSON 字符串,也可以对对象进行过滤、控制转换过程以及自定义替换值等操作。 语法如下: JSO…

    JavaScript 2023年5月27日
    00
  • JavaScript的深拷贝与浅拷贝

    一句话来解释什么是深浅拷贝,B拷贝A,当修改A,B如果变化,就是浅拷贝,反之就是深拷贝。 基本原理: 1.递归函数2.对象内的值都是简单数据类型时 直接进行赋值3.当我们遇到数组和对象时,可以再次调用函数,利用递归去拷贝数组和对象内的每个值4.先数组 后对象  因为数组也是对象  下面是一个实现深拷贝的函数: 1 function deepClone(obj…

    JavaScript 2023年4月18日
    00
  • js实现旋转大风车

    下面是“JS实现旋转大风车”的完整攻略。 步骤一:HTML结构 首先,我们需要在HTML中编写一个容器div和两个风车翅膀的图片。具体代码如下: <div id="windmill"> <img class="blade" src="blade.png"> <img c…

    JavaScript 2023年6月11日
    00
  • JavaScript Event事件学习第一章 Event介绍

    JavaScript Event事件学习第一章 Event介绍 什么是Event? Event(事件)是指在HTML文档中发生的交互性质的动作,例如单击某个元素、按下键盘上的某个键以及页面的滚动等。在JavaScript中,Event被认为是一种用户活动,它可以被捕获,处理和响应。 Event包含哪些信息? 当Event发生时,会携带一个Event对象,其中…

    JavaScript 2023年6月11日
    00
  • 详细总结Javascript中的焦点管理

    详细总结Javascript中的焦点管理 焦点管理是指在web页面中,控制用户当前所在的元素以及元素的状态。Javascript是一门用于编写动态页面的高级脚本语言,在web开发中,通常需要用Javascript来实现焦点的管理。 HTML的焦点管理 HTML元素可以通过设置tabindex属性来定义在页面中的tab顺序,从而控制元素的焦点。在HTML中,焦…

    JavaScript 2023年6月10日
    00
  • javascript url几种编码方式详解

    JavaScript URL几种编码方式详解 在JavaScript中,对URL进行编码是一项常见的任务。URL编码是将URL中的字符串转换为可安全传输的格式的过程。在编码URL之前,需要了解几种不同的URL编码方式以及它们的适用场景。 encodeURIComponent() encodeURIComponent() 是Javascript中常用的编码函数…

    JavaScript 2023年5月20日
    00
  • javascript代码简写的几种常用方式汇总

    JavaScript代码简写的几种常用方式汇总 本文将介绍 JavaScript 代码简写的几种常用方式,并提供示例说明。 1. 箭头函数 箭头函数是 ES6 中的新特性,可以将函数的定义简写为一个箭头符号(=>)后面跟着表达式的形式,可以很方便地编写简短的函数。 示例: // 传统写法 function add(a, b) { return a + …

    JavaScript 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部