JavaScript学习笔记之JS函数

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的Proxy对象详解

    JavaScript的Proxy对象详解 什么是Proxy对象 Proxy 是 ES6 新增的语法,它允许你在外部控制对象和函数的访问行为。可以说,Proxy 是以对象为基础的 元编程 ,使得我们可以编写出更加可复用,更加通用的 Javascript 代码。 创建一个Proxy对象 可以使用 new 操作符来创建一个 Proxy 对象,其中第一个参数为需要代…

    JavaScript 2023年5月28日
    00
  • 浅谈Cookie的生命周期问题

    浅谈Cookie的生命周期问题 在浏览网页时,我们经常会使用到Cookie。Cookie是存放在客户端的一种跨会话保持状态的技术。它可以保存一些用户的操作信息,常用的有登录状态、购物车信息等。在使用过程中,我们需要了解Cookie的生命周期问题。 Cookie的生命周期 Cookie的生命周期指的是从客户端Cookie创建到失效的整个时间段。下面详细介绍Co…

    JavaScript 2023年6月11日
    00
  • JS基于Ajax实现的网页Loading效果代码

    下面提供一份“JS基于Ajax实现的网页Loading效果代码”的攻略,共分为以下几个步骤。 步骤一:创建HTML文件和CSS文件 首先,我们需要创建一个基础的 HTML 文件和对应的 CSS 文件。HTML 文件中包含了页面常规结构,如头部、导航、内容等,并且在内容部分添加一个 div 元素来承载我们的 Loading 效果。CSS 文件中包含了页面元素的…

    JavaScript 2023年6月11日
    00
  • 基于ES6作用域和解构赋值详解

    基于ES6作用域和解构赋值详解 作用域 Scope 作用域是程序代码中声明变量的区域。作用域可以分为全局作用域和局部作用域。 在ES6中,可以使用let和const声明变量,这两种声明方式都是块级作用域。 示例 1 // 全局作用域 let a = 1; function test() { // 局部作用域 let b = 2; console.log(a)…

    JavaScript 2023年6月11日
    00
  • JS中的异常处理方法分享

    JS中的异常处理是一个重要的主题,因为JS是一门弱类型、动态语言,如果没有健壮的异常处理机制,程序就会出现各种意外的运行错误。在这里,我将分享一些JS中异常处理的方法。 try-catch try-catch是JS中处理异常的最常用方法,可以在try代码块中放置可能会抛出异常的代码块,如果有异常被抛出,就会被catch代码块捕获,并进行相应的处理。例如: t…

    JavaScript 2023年5月27日
    00
  • php 中序列化和json使用介绍

    PHP中序列化和JSON使用介绍 序列化 在 PHP 中,序列化是指将一个变量存储起来,以便在对其后续使用时使用,而序列化这个变量的方式是将其转为一个字符串。在将其存储起来之后,根据需要,可以将其反序列化为原始变量。 PHP 中使用的序列化函数是 serialize() 和 unserialize(),序列化后的字符串可以存储在数据库中或以文件形式存储,以方…

    JavaScript 2023年5月27日
    00
  • 给localStorage设置一个过期时间的方法分享

    下面我将详细讲解如何给localStorage设置一个过期时间的方法。 为什么需要设置localStorage过期时间? localStorage 是浏览器提供的本地存储空间,能够将数据存储在用户的设备本地。然而,这种存储方式有个缺点,就是数据存储在本地后不会自动过期,数据会一直存在于设备上,除非用户手动删除或清空。这就会导致用户存储的数据越来越多,浏览器的…

    JavaScript 2023年6月10日
    00
  • JS创建对象的四种方式

    以下是“JS创建对象的四种方式”的完整攻略: 1. 对象字面量 对象字面量是一种最简单的对象创建方式,就是直接在代码中书写一个对象。具体格式如下: let obj = { key1: ‘value1’, key2: ‘value2’, key3: function() { console.log(‘this is a method’); } } 其中,对象中…

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