编程 js函数常见的写法以及调用方法

2024-11-19 08:55:17 +0800 CST views 2324

##1.常规写法(最常见的那种)

//函数的写法
function run () {
        alert('常规写法');//这里是你函数的内容
    }
 // 调用
    run();

##2.匿名函数写法(可以想成给变量赋值一个函数)

   // 匿名函数的写法
var run = function(){
        alert('这是一种声明函数的方式,左边是一个变量,右边是一个函数的表达式,意思就是把一个匿名的函数表达式赋值给了变量myfun,只是声明了一个变量指向了一个函数对象。');//这里是你函数的内容
    }
  // 调用  
    run();

##3.将方法作为一个对象

 // 作为对象方法,函数写法,这里创建了两个函数外面用{}包裹起来
    var Test = {
run1:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容
}
,run2:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容
}
}
//调用
Test.run1();//调用第1个函数
Test.run2();//调用第2个函数

##4.构造函数中给对象添加方法

javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。

// 给对象添加方法
    var funName = function(){};
  funName.prototype.way = function(){
        alert('这是在funName函数上的原始对象上加了一个way方法,构造函数中用到');
    }
    // 调用
    var funname = new text();// 创建对象
    funname.way();//调用对象属性

##5.自执行函数

//方法1:最前最后加括号 
(
function(){alert(1);}()
); 
/*这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。 
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。 */

//方法2:function外面加括号 
(function(){alert(1);})(); 
//这种做法比方法1少了一个代码整体性的好处。
//方法3:function前面加运算符,常见的是!与void 。
!function(){alert(1);}(); 
void function(){alert(2);}(); 
/*显然,加上“!”或“+”等运算符,写起来是最简单的。 
加上“void ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。*/
复制全文 生成海报 JavaScript 编程 函数

推荐文章

JS中 `sleep` 方法的实现
2024-11-19 08:10:32 +0800 CST
Golang实现的交互Shell
2024-11-19 04:05:20 +0800 CST
前端如何给页面添加水印
2024-11-19 07:12:56 +0800 CST
前端项目中图片的使用规范
2024-11-19 09:30:04 +0800 CST
Manticore Search:高性能的搜索引擎
2024-11-19 03:43:32 +0800 CST
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
CSS 媒体查询
2024-11-18 13:42:46 +0800 CST
2024年公司官方网站建设费用解析
2024-11-18 20:21:19 +0800 CST
mysql删除重复数据
2024-11-19 03:19:52 +0800 CST
禁止调试前端页面代码
2024-11-19 02:17:33 +0800 CST
HTML + CSS 实现微信钱包界面
2024-11-18 14:59:25 +0800 CST
Elasticsearch 聚合和分析
2024-11-19 06:44:08 +0800 CST
ElasticSearch简介与安装指南
2024-11-19 02:17:38 +0800 CST
Vue3中哪些API被废弃了?
2024-11-17 04:17:22 +0800 CST
Plyr.js 播放器介绍
2024-11-18 12:39:35 +0800 CST
MySQL 主从同步一致性详解
2024-11-19 02:49:19 +0800 CST
Nginx负载均衡详解
2024-11-17 07:43:48 +0800 CST
Graphene:一个无敌的 Python 库!
2024-11-19 04:32:49 +0800 CST
支付页面html收银台
2025-03-06 14:59:20 +0800 CST
OpenCV 检测与跟踪移动物体
2024-11-18 15:27:01 +0800 CST
前端开发中常用的设计模式
2024-11-19 07:38:07 +0800 CST
Nginx rewrite 的用法
2024-11-18 22:59:02 +0800 CST
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
PHP如何进行MySQL数据备份?
2024-11-18 20:40:25 +0800 CST
程序员茄子在线接单