JavaScript:函数、函数表达式、对象、方法和 this

javascript:函数、函数表达式、对象、方法和 this

简单的基本功能

这是一个不带参数的简单函数:

function hello() {  console.log('hello there stranger, how are you?');}hello();

登录后复制

这是一个带有一个参数的函数:

function greet(person) {  console.log(`hi there ${person}.`);}greet('megan');

登录后复制

我们可以有多个参数,如下所示:

function greetfullname(fname, lname) {  console.log(`hi there ${fname} ${lname}.`);}greetfullname('megan', 'paffrath');

登录后复制

函数表达式

函数表达式只是编写函数的另一种方式。他们的工作方式仍然与上面相同:

const square = function(x) {   return x * x;};square(2); // 4

登录后复制

高阶函数

这些函数与其他函数一起运行/在其他函数上运行,也许它们:

接受其他函数作为参数返回一个函数

将另一个函数作为参数的函数的示例是:

function calltwice(func) {  func();  func();}let laugh = function () {  console.log('haha');};calltwice(laugh);// haha// hahafunction rolldie() {  const roll = math.floor(math.random() * 6) + 1;  console.log(roll);}calltwice(rolldie);// random number// random number

登录后复制

函数返回函数的一个例子是:

function makemysteryfunc() {  const rand = math.random();  if (rand > 0.5) {    return function () {      console.log('you win');    };  } else {    return function () {      alert('you have been infected by a computer virus');      while (true) {        alert('stop trying to close this window.');      }    };  }}let returnedfunc = makemysteryfunc();returnedfunc();

登录后复制

另一个(更有用的例子)是:

function makebetweenfunc(min, max) {  return function (num) {    return num >= min && num <= max;  };}const isbetween = makebetweenfunc(100, 200);// isbetween(130); // true// isbetween(34); // false

登录后复制

方法

我们可以添加函数作为对象的属性(这些称为方法)。

例如:

const mymath = {  pi: 3.14,  square: function (num) {    return num * num;  },  // note the 2 diff ways of defining methods  cube(num) {    return num ** 3;  },};

登录后复制

“this”主要在对象的方法中使用。它用于引用对象的属性。

const person = {  first: 'abby',  last: 'smith',  fullname() {    return `${this.first} ${this.last}`;  },};person.fullname(); // "abby smith"person.lastname = 'elm';person.fullname(); // "abby elm"

登录后复制

注意,在对象之外,“this”指的是顶级窗口对象。要查看其中包含的内容,请在控制台中输入。通用函数也存储在 this 对象中:

// defined on its own (outside of an object)function howdy() {  console.log('HOWDY');}this.howdy(); // HOWDY

登录后复制

以上就是JavaScript:函数、函数表达式、对象、方法和 this的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2672014.html

(0)
上一篇 2025年3月7日 13:19:31
下一篇 2025年2月23日 10:11:26

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 免费 Nodejs 托管:快速指南

    需要一个免费平台来托管您的 Node.js 项目? 以下是流行选项的简要概述: 赫罗库: 简单易用,自动缩放。 非常适合小型项目和学习。 有限的资源和睡眠模式。了解更多… 故障: 非常适合协作和快速原型设计。 简单的界面,内置数…

    2025年3月7日
    000
  • 领导并留住开发人员

    很明显,公司是多么努力地留住软件工程师、开发人员、数据科学家和其他技术专业人员。他们试图让工作环境尽可能凉爽,在办公室里放置了爆米花机、各种零食、装有啤酒和软饮料的迷你吧、乒乓球桌、电子游戏、泡芙,甚至愿意付费购买技术、英语,访问 Netf…

    2025年3月7日
    200
  • 代码之旅:使用 Nextjs、Tailwind CSS 和 Framer Motion 打造我的开发者组合

    一个想法的起源在一个以快速技术发展为主导的世界中,作为一名 Web 开发人员要想脱颖而出,往往取决于一个关键的工件:产品组合。正是在这个数字复兴时期,我决定打造我的项目——不仅仅是作为项目的展示,也是我在现代网络技术方面的旅程和专业知识的证…

    2025年3月7日
    200
  • React 综合指南

    react 19 来了! ? 在本文中,我们将探索 react 19 中的新功能和改进。让我们开始吧! react 19 的新增功能 react 19 是 react 团队的最新主要版本,具有多项突破性功能和增强功能,旨在使开发过程更加高效…

    2025年3月7日
    200
  • JavaScript 与 TypeScript 你应该选择哪一个?

    您是否在下一个 web 开发项目中在 javascript 和 typescript 之间左右为难?你不是一个人!当我们进入 2024 年时,这两种强大语言之间的争论比以往任何时候都更加激烈。无论您是经验丰富的开发人员还是刚刚开始编码之旅,…

    2025年3月7日
    200
  • 如何使用 NCE 考试模拟测试来加强您的准备

    • 社会和文化多样性:了解不同文化背景及其对咨询的影响。• 咨询和帮助关系:咨询过程中使用的技巧和技巧。• 小组工作:小组咨询和治疗的动态。• 职业发展:职业咨询相关理论与方法。• 评估:用于评估客户需求和进度的 NCE 考试练习测试技巧。…

    2025年3月7日
    200
  • React 备忘单:功能组件版

    反应备忘单 react 自诞生以来已经发生了显着的发展,随着 hooks 的兴起,函数式组件已成为构建 react 应用程序的首选方法。本备忘单概述了在 react 中使用函数式组件的关键概念、功能和最佳实践。 1. 功能组件基础知识 功能…

    2025年3月7日
    200
  • 我的第一个拉取请求刚刚被接受!

    我的第一个拉取请求刚刚被接受! ? 今天,我正在庆祝我对 GitHub 社区的第一个开源贡献。 这对我来说是一件大事。我正在从事开源项目,这意味着我无法通过构建 Easy UI 获得报酬 – [ https://www.easy…

    2025年3月7日
    200
  • JSON 在线比较:简化数据验证和调试

    简介JSON(JavaScript 对象表示法)由于其简单性和可读性已成为网络上数据交换的事实上的标准。作为开发人员,确保 JSON 数据的准确性和一致性至关重要。这方面的一项常见任务是 JSON 在线比较文件,以识别差异并确保数据完整性。…

    2025年3月7日
    200
  • 循环:For 循环、While 循环、ForOf 循环、ForIn 循环

    循环的目的是重复一些功能。 一些类型的循环包括: for 循环while 循环for…of 循环for…循环 for循环 to 可以写一个简单的 for 循环如下: for (let i = 1; i <= 1…

    2025年3月7日
    200

发表回复

登录后才能评论