js面向对象 —— 函数的定义和调用

最新推荐文章于 2022-03-27 16:25:21 发布
最新推荐文章于 2022-03-27 16:25:21 发布
阅读量272 收藏 1
点赞数
分类专栏： 学习笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mocoll/article/details/119842242
版权
学习笔记 同时被 3 个专栏收录
207 篇文章 1 订阅
订阅专栏
前端
107 篇文章 1 订阅
订阅专栏
编程语言
98 篇文章 1 订阅
订阅专栏
本文详细解读了JavaScript中函数的三种定义方式：函数声明、函数表达式和构造函数，介绍了函数调用的不同场景，如普通函数、对象方法、构造函数以及绑定事件和定时器。强调了函数作为对象的本质和'万物皆对象'的概念。
摘要由CSDN通过智能技术生成

一、函数的定义和调用

1.1、函数的定义方式

1.函数声明方式function关键字(命名函数)。

2.函数表达式(匿名函数)。

3.new Function(‘参数1’, ‘參数2’， ‘函数体’)。

new Function(‘参数1’, ‘參数2’， ‘函数体’)

在这里插入图片描述

● Function 里面参数都必须是字符串格式。

● 第三种方式执行效率低,也不方便写,因此较少使用。

● 所有函数都是Function的实例(对象)。

● 函数也属于对象。
在这里插入图片描述
JS中—万物皆对象

1.2、函数的调用方式

1.普通函数

fn();

2.对象的方法

object.fn()

3.构造函数

在这里插入图片描述

4.绑定事件函数

在这里插入图片描述

5.定时器函数

在这里插入图片描述

6.立即执行函数

在这里插入图片描述

墨_风
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java如何定义一个类
算法与编程之美
09-20 9990
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。类的定义类是一种引用数据类型。类为对象的模板，简单的说就...
js面向对象——红绿灯实例
xuehaocyuyan的博客
08-18 363
上升到面向对象：定义不同的类，让类的实例工作 在这里插入代码片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc
js定义函数
qq_38304911的博客
10-09 598
在 JavaScript 语言里，函数是一种对象，所以可以说函数是 JavaScript 里的一等公民（first-class citizens）。 之前我们这样定义过一个函数： function greet(greeting, name) { return `${greeting}, ${name}` } 因为在 JavaScript 里面是对象（object），所以它会有一些属性还有方法。比如 name 属性是函数的名字，length 属性指的是函数里面有多少个必须要传递的参数。比如访问上面定义的这
js对象和函数
qq_43817972的博客
05-15 929
理解对象 对象属于一中复合的数据类型，里面可以保存不同的数据类型和方法。 创建对象 1 利用构造函数创建 var person=new Object(); person.name="renjialei"; person.age=18; 2 对象字面量创建 var person={ name:"renjialei", ...
js 面向对象函数
weixin_30861797的博客
07-19 131
//也可以这么写 function Objoriented(name, wx) { //构造函数加属性 this.wx = wx; this.name = name } Objoriented.prototype = { //原型加方法 ...
js构造函数--面向对象
码上暴富
05-06 288
js构造函数--面向对象封装继承多态 面向对象: 在程序中，先用对象集中保存属性和方法。然后，再按需使用保存好的属性和方法。(细品后文，了解面向对象思想) 三大特点： 封装、继承、多态 封装 第一种方式 { } 创建对象 写法： var 对象名={ 属性名: 属性值, 属性名: 属性值, … : … 方法名: function(){ … } } 函数 和 方法 区别: 1). 相同点: 本质是完全一样的！都是function(){ … } 2). 不同点: i. 函数: 特指不包含在任何对象中
JS面向对象编程——ES6 中class的继承用法详解
10-15
在JavaScript的ES6标准中，面向对象编程得到了显著的增强，引入了`class`语法糖，使得类的定义更加简洁且符合传统面向对象语言的习惯。本文将深入探讨ES6中的`class`继承及其相关操作技巧。 ### 基本介绍 在ES5中...
《JavaScript函数式编程思想》——从面向对象到函数式编程
JavaScript
02-15 2903
第9章  从面向对象到函数式编程 假如本书的写作时间倒退回十年前，书名可能会变成JavaScript面向对象编程思想。自上世纪90年代兴起的面向对象编程思想随Java的繁荣达于顶点，在JavaScript从一门只被用来编写零星的简单的表单验证代码的玩具语言变成日益流行的Web应用不可取代的开发语言的过程中，脚本的作者们也逐渐学习和习惯了被视为软件开发正统的面向对象编程。等到盛极而衰，面向对象编程...
JavaScript面向对象——继承
又更新代码的博客
12-15 211
问题背景：有一个Person类，里面定义了Person的姓名以及更新姓名的方法，有一个Student类，里面定义了Student的年级以及更新年级的方法，请问如何让Student类继承Person类的属性和方法？ function Person(name) { this.name = name this.changeName = function(newName) { this.name = newName console.log(newName) }
JavaScript面向对象编程-函数的定义和它的内置属性及方法
Slayer456的博客
07-28 332
前面的结尾讲到对象的方法要能够复用，需要引入原型（prototype）内置属性的概念，那我们就一起来揭开函数的内置属性的面纱。 讲之前先发个福利 ：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function  这个文档还是不错的，可以翻一翻 JavaScript函数的定...
js函数定义，js对象
qq383264679的专栏
12-28 769
js函数定义三种方式： 函数声明： function test(val) { console.log(val + "--->函数方式一"); }; 函数表达式： var f = new function(val) { alert("aaa"); console.log("ta---->函数方式二");
JavaScript中函数的定义方法
plannothing的博客
07-19 210
/* * 函数 * - 函数也是一个对象 * - 函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码） * - 函数可以保存一些代码在需要的时候调用 */ //创建一个函数对象 //可以将要封装的代码以字符串的形式传递给构造函数 //方法一： var fun = new Function("console.log('hello 我是一个函数');"); //封装到函数中的代码不会立即执行 //函数中的代码会在函数调用的时候执行 //调用函数 语法：函数
4.JS-对象-函数
Hermione_m的博客
03-27 1117
目录 函数 函数的简介 函数function 创建函数对象 调用函数 函数的参数和返回值 参数 返回值 实参 返回值的类型 立即执行函数 call() 和 apply() 方法 arguments 函数 函数的简介 函数function 函数也是一个对象 函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码） 函数中可以保存一些代码在需要的时候调用 创建函数对象 可以将要封装的代码以字符串的形式传递给构造函数（构造函数的方法创建函数） 例：var f
JavaScript 中定义函数的方法
lio-zero 的博客
08-22 85
通常，函数是一系列指令或“子程序”，可由该函数外部(或内部)的代码调用。本质上，函数“封装”了一个特定的任务。 函数是 JavaScript 的基本构建块之一，真正理解函数有助于解决 JavaScript 的一些奇怪的行为。 以下是函数可视化图(来自...忘了，找找)： JS 函数可视图 JavaScript 中的函数 需要注意的是，JavaScript 中的函数是一等对象。这基本上意味...
Js中this的指向，ES5替换函数中的this的方法：call、apply、bind的使用场景
神奇的兔子
09-08 960
Js中this的指向，ES5替换函数中的this的方法 1. 什么是this： this是自动指向当前调用函数的 . 前对象的关键词。 2.什么时候使用this: 对象自己的方法，要使用对象的另一个属性名或者另一个方法时，都必须使用"this . 属性名"访问。 如果不加"this .，前面不带 . 的普通变量，默认只能在函数作用域和全局作用域window中查找，无法擅闯某个对象内部，获取对象中的属性值。 3.this的原理： (1). 当调用函数时，在临时创建的函数作用域对象中，临时创建this关键词，临
JavaScript定义函数的几种方式
weixin_33805992的博客
11-28 631
上节我们介绍了《JavaScript工作体系中不可或缺的函数》，函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。接下来我们说说js当中定义（声明）函数的几种方式，以及每种方式的特点和与其他方式的区别。 1、 函数式声明 function funName(arg1, arg2){ alert(arg1 + “,” + arg...
js面向对象及函数原型
a15180180753的博客
11-07 175
面向对象 什么是对象：对象是一个整体，对外提供一些操作。 什么是面向对象：使用对象时，只关注对象提供的功能而不关注其具体实现，比如jQuery 面向对象特点：封装，继承，多态 对象组成 方法----函数：过程、动态 属性----变量：状态、静态 var a = new object(); var b=12;    //变量：自由 a.name='hkj';    
js函数对象
qq_45669178的博客
10-31 411
一、函数声明 声明的方式有函数的提升 //有变量提升 function fun(a,b){ console.log(a*b); } fun(5,6); //30 二、函数表达式（匿名函数) fun(5,6); var fun = function(a,b){ console.log(a + b); } //注：这样写会报下面这个错： 正确的写法： var fun = function(a,b){
js中函数的定义方式
ll123c的博客
03-26 3560
函数的参数列表中不需要写var，而是直接写参数的名称 1.function 函数名（参数列表）{ } 实例代码 function add(a,b){ var sum=a+b; alert(sum); } add(3,5); 2.匿名函数 也就是不写函数的名字，将函数当作一个变量。 var test=function(...
JavaScript面向对象编程：成员函数与原型对象
"本文主要介绍了JavaScript面向对象编程的相关知识，包括面向对象的三大特性、如何自定义类、类的成员函数、prototype关键字以及this的使用。" 2.1 面向对象编程简介 JavaScript是一种基于对象和事件驱动的脚本语言...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值