0

0

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

jacklove

jacklove

发布时间:2018-06-15 16:44:29

|

2515人浏览过

|

来源于php中文网

原创


写在前面:本文详细的介绍了5中js函数常见的写法以及调用的方法,平时看别人代码的时候总是看到各种不同风格的js函数的写法。不明不白的,找了点资料,做了个总结,需要的小伙伴可以看看,做个参考。
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.自执行函数
js自执行函数查到了几种不同写法,放上来给大家看看

//方法1:最前最后加括号 (function(){alert(1);}()
); 
/*这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。 
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。 */
//方法2:function外面加括号 (function(){alert(1);})(); 
//这种做法比方法1少了一个代码整体性的好处。
//方法3:function前面加运算符,常见的是!与void 。!function(){alert(1);}(); 
void function(){alert(2);}(); 
/*显然,加上“!”或“+”等运算符,写起来是最简单的。 
加上“void ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。*/

本文介绍了js函数常见的写法以及调用方法,更多相关内容请关注php中文网。

相关推荐:

原生JS的AJAX读取json全过程

vue.js安装与配置

JS实现浏览器打印、打印预览


相关专题

更多
javascript void运算符
javascript void运算符

void是一元运算符,执行右侧表达式但始终返回undefined;用于丢弃返回值、阻止a标签跳转、IIFE忽略结果、动态导入不取Promise、安全获取undefined。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1

2025.12.29

vscode的界面字体大小调整
vscode的界面字体大小调整

调整VSCode界面字体大小可通过设置编辑器或整体UI缩放实现;2.修改"Editor:FontSize"改变代码字体;3.设置"Window:ZoomLevel"调整整体界面字体;4.使用Ctrl+滚轮快捷键临时缩放。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1

2025.12.29

VSCode的注释快捷键
VSCode的注释快捷键

单行注释快捷键为Ctrl+/(Windows/Linux)或Cmd+/(macOS),块注释使用Shift+Alt+A(Windows/Linux)或Shift+Option+A(macOS),VSCode会根据语言类型自动匹配语法,如JavaScript用//,Python用#,C++用//,若快捷键无效需检查语言扩展或插件冲突。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1

2025.12.29

Golang 命令行工具(CLI)开发实战
Golang 命令行工具(CLI)开发实战

本专题系统讲解 Golang 在命令行工具(CLI)开发中的实战应用,内容涵盖参数解析、子命令设计、配置文件读取、日志输出、错误处理、跨平台编译以及常用CLI库(如 Cobra、Viper)的使用方法。通过完整案例,帮助学习者掌握 使用 Go 构建专业级命令行工具与开发辅助程序的能力。

4

2025.12.29

ip地址修改教程大全
ip地址修改教程大全

本专题整合了ip地址修改教程大全,阅读下面的文章自行寻找合适的解决教程。

165

2025.12.26

压缩文件加密教程汇总
压缩文件加密教程汇总

本专题整合了压缩文件加密教程,阅读专题下面的文章了解更多详细教程。

56

2025.12.26

wifi无ip分配
wifi无ip分配

本专题整合了wifi无ip分配相关教程,阅读专题下面的文章了解更多详细教程。

108

2025.12.26

漫蛙漫画入口网址
漫蛙漫画入口网址

本专题整合了漫蛙入口网址大全,阅读下面的文章领取更多入口。

356

2025.12.26

b站看视频入口合集
b站看视频入口合集

本专题整合了b站哔哩哔哩相关入口合集,阅读下面的文章查看更多入口。

703

2025.12.26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号