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

简介: 写在前面:本文详细的介绍了5中js函数常见的写法以及调用的方法,平时看别人代码的时候总是看到各种不同风格的js函数的写法。不明不白的,找了点资料,做了个总结,需要的小伙伴可以看看,做个参考。1.常规写法(最常见的那种)2.匿名函数写法(可以想成给变量赋值一个函数)3.将方法作为一个对象4.构造函数中给对象添加方法javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。

image.png

写在前面:本文详细的介绍了5中js函数常见的写法以及调用的方法,平时看别人代码的时候总是看到各种不同风格的js函数的写法。不明不白的,找了点资料,做了个总结,需要的小伙伴可以看看,做个参考。

微信截图_20220621152629.png

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 ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。*/


以上。

参考:1.www.jb51.net/article/310…

2.www.cnblogs.com/Imever/p/47…


目录
相关文章
|
2天前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
3天前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
4天前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
10 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
9天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
15 3
|
4天前
|
存储 JavaScript 前端开发
JavaScript数组去重的八种方法详解及性能对比
在JavaScript开发中,数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法,从基础的双重循环和 indexOf() 方法,到较为高级的 Set 和 Map 实现。同时,分析了每种方法的原理和适用场景,并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文,读者可以深入理解每种方法的优缺点,并选择最合适的数组去重方式。
10 0
|
5天前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
9 0
|
5天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
38 0
|
5天前
|
JavaScript
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
14 0
|
5天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
6 0