JS函数调用的5种模式
函数是经常会用的工具, 这里总结一下关于在 js 中的 5种函数调用的模式如下:
<!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-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 函数调用5种模式
// 1. 函数声明调用模式
function add(a, b) {
return a + b
}
// 2. 匿名函数调用模式
var sum = function(a, b) {
return a + b
}
console.log(sum(3, 5))
var sub = function (a, b) {
return a - b
}
console.log('add: ', add(3, 5))
console.log('sub: ', sub(3, 5))
// 3. 方法调用模式
var obj = {
name: 'youge',
getName: function () {
return this.name
}
}
console.log(obj.getName())
// 若在某个方法中返回的是函数对象本身 this 则可以进行链式调用
var obj2 = {
name: 'youge2',
getName: function () {
console.log(this.name)
},
setName(name) {
this.name = name
return this
}
}
obj2.setName('cj').getName()
// 4. 构造器调用模式
function Person(name) {
this.name = name
}
// 函数定义在其原型上
Person.prototype.getName = function () {
return this.name
}
// 通过对象实例进行调用
var youge = new Person('youge')
console.log(youge.name)
// 5. call(), apply函数调用模式
function sum(a, b) {
console.log(a + b)
}
// 定义一个对象 dog, 当 sum 调用时, this 则会指向 dog
var dog = {}
sum.call(dog, 1, 2)
sum.apply(dog, [1, 2])
</script>
</body>
</html>
JS函数调用的5种模式的更多相关文章
- vue.js不仅是一种模式，也是一种工程组织方式
vue.js不仅是一种模式,也是一种工程组织方式
- Javascript函数调用的四种模式
一 前言 Javascript一共有四种调用模式:方法调用模式.函数调用模式.构造器调用模式以及apply调用模式.调用模式不同,对应的隐藏参数this值也会不同. 二 方法调用模式 函数作为对象的属 ...
- 浅谈 JS 创建对象的 8 种模式
1.Object 模式 var o1 = {};//字面量的表现形式 var o2 = new Object; var o3 = new Object(); var o4 = new Object(n ...
- JS函数调用的四种方法
js的函数调用会免费奉送两个而外的参数就是 this 和 arguments .arguments是参数组,他并不是一个真实的数组,但是可以使用.length方法获得长度. 书上有说4中调用方式: 方 ...
- js函数调用的几种方法
js的函数调用会免费奉送两个而外的参数就是 this 和 arguments .arguments是参数组,他并不是一个真实的数组,但是可以使用.length方法获得长度. 书上有说4中调用方式: 方 ...
- 面向对象的程序设计之JS创建对象的9种模式及其优缺点
目录 1.new Object () 2.字面式创建对象 3.工厂模式 4.构造函数模式 4.1.将构造函数当作函数 4.2.构造函数的问题 5.原型模式 5.1.理解原型对象 5.2.原型与in操作 ...
- JS函数调用的方法
JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式 1.方法调用模式:先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来 ...
- JS函数的四种调用模式
函数在js中具有四种身份,分别为函数.方法.构造函数.apply或call调用 函数调用 函数调用模式中this指全局对象(window) var f1 = function() { alert ...
- 第164天：js方法调用的四种模式
js方法调用的四种模式 1.方法调用模式 function Persion() { var name1 = "itcast", age1 = 19, show1 = functio ...
- node.js异步编程的几种模式
Node.js异步编程的几种模式 以读取文件为例: 1.callback function const fs = require('fs'); //callback function fs.readF ...
随机推荐
- MarkDown学习使用图片
学习MarkDown使用
- macbookpro m3本地部署DeepSeek模型
macbookpro m3有着十分强大的性能.在deepseek如火如荼的当下,可以尝试在本地部署并使用.还可以将自己的文档作为语料喂给deepseek,使其能成为自己专属的AI助手. 本文介绍使用o ...
- Postman 接口测试工具详解
一.引言 在软件开发和测试过程中,接口测试是至关重要的环节.Postman 作为一款功能强大的接口测试工具,为开发者和测试人员提供了便捷高效的测试解决方案. 二.Postman 简介 Postman ...
- Typecho弹出find Input author error怎么解决
大多数报错的起因就是因为,有些模板归档页面的评论功能被阉割掉了 于是导致一些评论验证功能的插件爆这个错误. #解决方法有以下三种 1,编辑这些没有评论功能的页面,高级设置,关闭评论,然后发布文章. 2 ...
- Flink学习（十一） Sink到Elasticsearch
导入依赖 <dependency> <groupId>org.apache.flink</groupId> <artifactId>flink-conn ...
- Flink学习（三） 批流版本的wordcount JAVA版本
Flink 开发环境通常来讲,任何一门大数据框架在实际生产环境中都是以集群的形式运行,而我们调试代码大多数会在本地搭建一个模板工程,Flink 也不例外. Flink 一个以 Java 及 Scala ...
- linux服务器压力/性能测试命令
linux命令下使用ab -c500 -n2000 http://www.test.cn 进行压力测试 在Linux命令行中,ab 是 Apache HTTP server benchmarki ...
- Vulnhub-election靶机
总结:本靶机给了很多目录,对于信息收集考察的比较严格,给了一个数据库,很多时候容易陷进去,拿到用户权限登录后,也需要大量的信息收集,虽然可以在数据库里找到root和密码,但是不是靶机本身的,最终利用s ...
- 为什么将malloc（）和printf（）称为不可重入？
转载自https://mlog.club/article/1807704 在unix系统中,我们知道malloc()是一个不可重入的函数(系统调用).为什么? 类似地,printf()也被认为是不可重 ...
- 玩three.js的一点心得
契机: 3-4月份,有机会再次学了一遍高数,然后再一次从二,三重积分的坑里爬来爬去,其中有个直观的问题一直困扰着我就是一个函数在空间坐标系上的图像,所以当时就打算学完这些之后,自己在5月份的时候用th ...