`
兰色星座
  • 浏览: 10204 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

JS自定义函数

阅读更多
自定义函数
1.定义(3种)
  • 语法1: function 函数名(形式参数列表){函数体;}
  •     示例:
    			function test(a1,a2)
    			{
    				return a1+a2;
    			}
  • 语法2: var 函数名=function(形参列表){函数体;};
  •     示例:
    			var test=function(a1,a2)
    			{
    				return a1+a2;
    			};

  • 语法2: var 函数名=new Function("参数1","参数2",...,"函数体");
  •     示例:
    var test= new Function("a1","a2","a3","return a1+a3");
  • 说明:
  •     a.语法1为function语句;语法2称函数直接量,定义法类似定义变量,最后加上“;”;语法3为Function()构造函数
        b.语法1不允许在同一页面内出现于函数名同名的变量,否则无法执行
        c.语法2允许在同一页面出现于函数名同名的变量,视先后关系决定是否可以执行
        d.形式参数根据需要可有可无
        e.返回值:函数体中通过return关键字返回一个值,如果函数无明确的返回值,或调用了没有参数的 return 语句,那么它真正返回的值是 undefined
        f.Function()构造函数的参数必须是字符串型,最后一个为函数主体("函数体"),即要执行的代码
    2.调用
  • 语法1:
  •     在脚本中使用:函数名(实际参数列表);
        实际参数根据函数定义决定是否需要,形参无则实参不需要
  • 语法2:
  •     通过事件激活:在HTML元素的事件或者a标签的href属性(href="javascript:函数名()")中使用
        示例:
    <body>
    	<script type="text/javascript">
    			function test(){
    				console.debug("hello!")
    			}
    	</script>
    	<input type="button" value="test" onclick="test()">
    	<a href="javascript:test()">你好</a>
    </body>

    3.参数
  • 形式参数:用于定义时,未调用时无值,仅仅是一个占位符
  • 实际参数:用于调用时,将值传递给相应的形式参数,使得形参有意义
  • JS中并不严格要求函数调用时的实参数量要和定义时的形参数量一致
  • arguments:
  •     a.JS内置对象,一个集合类型数据,专门用于存放实参
        b.理论上存放实参的数量仅受内存大小的限制
       c.arguments.length可以获取实参数量
    4.变量作用域
  • 全局变量:定义在函数外面,或者在函数内部不定义而直接赋值的变量;可以在任意函数中访问、修改,将所在页面关闭后销毁
  • 局部变量:定义在函数内部,只能在当前函数内访问、修改,函数运行结束,变量自动销毁
  • 在函数内部,如果有一个局部变量和全局变量同名,此时默认访问局部变量(就近原则),如果非要访问全局,必须使用window前缀,在一定条件下也可以使用this前缀
  • 举例:
  • <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>JS自定义函数</title>
    	<script type="text/javascript">
    	var a=10;
    	function test1(){
    		console.debug(++a);
    	}
    	function test2(){
    		var a=20;
    		console.debug("全局a:"+window.a);
    		console.debug("全局a:"+this.a);
    		console.debug("局部a:"+a);
    		b=30;//在函数内部直接对变量b进行赋值,而不是通过var进行定义
    	}
    	function test3(){
    		var b=40;
    		console.debug("全局b:"+window.b);
    		console.debug("局部b:"+b);
    	}
    	</script>
    </head>
    <body>
    	<input type="button" value="test1" onclick="test1()">
    	<input type="button" value="test2" onclick="test2()">
    	<input type="button" value="test3" onclick="test3()">
    	<input type="button" value="test4" onclick="test4()">
    </body>
    </html>

        后台运行结果:

    • 大小: 1.7 KB
    分享到:
    评论

    相关推荐

      最常用的10个javascript自定义函数(english)

      ### 最常用的10个javascript自定义函数 在前端开发领域,JavaScript无疑是最为重要的编程语言之一。它不仅灵活多变,而且拥有强大的功能,能够帮助开发者实现各种复杂的交互效果。本文将详细介绍十个最常见的自定义...

      详解JavaScript自定义函数

      JavaScript中定义和使用自定义函数是该语言核心功能之一。自定义函数允许开发者封装逻辑,使其可复用且易于维护。以下是一些关键知识点。 一、定义方法 在JavaScript中,自定义函数通过使用function关键字定义。...

      javascript自定义函数参数传递为字符串格式.docx

      ### JavaScript自定义函数参数传递为字符串格式 在JavaScript编程中,函数是程序的基本构建块之一,用于封装一段可重复使用的代码逻辑。对于函数而言,参数的传递是非常重要的一个环节,它直接影响到函数内部如何...

      JavaScript自定义函数实现查找两个字符串最长公共子串的方法

      本文实例讲述了JavaScript自定义函数实现查找两个字符串最长公共子串的方法。分享给大家供大家参考,具体如下: //查找两个字符串的最长公共子串 function findSubStr(s1,s2){ var S=sstr= ,L1=s1.length,L2=s2....

      自定义函数替换现有函数

      在编程领域,自定义函数替换现有函数是一种常见的优化和功能扩展技术。这允许开发者根据特定需求定制函数的行为,以提高代码的效率、可读性或兼容性。以下将详细探讨这个话题。 首先,理解自定义函数的基本概念。...

      Auto.js自定义函数:解锁自动化脚本的无限可能

      Auto.js 是一个基于 JavaScript 的自动化脚本工具,主要用于 Android 平台。它允许用户编写脚本来自动执行一系列操作,如模拟点击、滑动、输入文本、读取和设置系统设置等。Auto.js 的目标是简化 Android 设备上的...

      vue 自定义函数库总结

      在实际项目中,我们经常会遇到需要扩展Vue的功能,这时候自定义函数库就显得尤为重要。本篇文章将深入探讨如何在Vue中创建和使用自定义函数库,以提升开发效率和代码复用性。 首先,我们要理解Vue的插件机制。Vue...

      javascript 自定义eval函数实现

      在本讨论中,我们将深入探讨如何自定义`eval()`函数以提高代码的安全性和效率,同时也会涉及到JavaScript的动态执行特性以及其在实际开发中的应用。 首先,`eval()`的默认行为是将其接收到的字符串当作JavaScript...

      第7章 自定义函数

      在各种编程语言中,如Python、Java、C++或JavaScript,都可以创建自定义函数。例如,在Python中,我们可以通过`def`关键字定义一个函数: ```python def my_function(param1, param2): # 函数体 result = param1 ...

      javascript十个最常用的自定义函数.pdf

      ### JavaScript 十个最常用的自定义函数详解 #### 一、引言 JavaScript 是一种广泛应用于网页开发中的脚本语言,它提供了强大的功能来增强网页的交互性和动态性。随着前端技术的发展,开发者们常常会遇到需要频繁...

      artTemplate4.x自定义函数.zip

      3. **使用函数**:在模板中,你可以像调用普通JavaScript函数一样调用这个自定义函数。例如,`{{ myCustomFunction(data.property) }}`,这里`data.property`是你想传递的数据。 压缩包中的“artTemplate4.x自定义...

      一些不错的JS 自定义函数第1/2页

      以下是一些实用的JS自定义函数示例,这些函数在许多网站中都有应用,值得学习和掌握。 1. **dayin() 函数** 这个函数用于解决打印网页中特定内容的问题。它通过获取id为"dayin"的元素内容,创建一个新的窗口,并...

      常用原生js自定义函数总结

      本篇总结将会详细介绍一些在原生JavaScript中常见的自定义函数,通过函数的定义和使用场景,让读者能够更好地理解如何在实际开发中运用这些基础却实用的功能。 首先,我们来看获取日期的函数,它能够帮助我们获取...

      JS自定义函数对web前端上传的文件进行类型大小判断

      本文将详细解析如何通过JavaScript自定义函数来实现对上传文件类型和大小的判断。 ### 文件类型和大小判断的重要性 1. **安全性考虑**:允许上传特定类型的文件可以防止恶意文件上传,比如脚本、可执行文件等,这些...

      史上最详细的JS脚本调用VC自定义函数资料(含完整源码)

      史上最详细的JS脚本调用VC自定义函数资料 看完准保不后悔 可以节省你很多时间的 实现原理: 利用BHO实现IDocHostUIHandler接口和IDispatch接口 通过BHO拦截网页加载完毕事件,将自己的IDocHostUIHandler接口设置给...

      JS自定义函数实现时间戳转换成date的方法示例

      本文实例讲述了JS自定义函数实现时间戳转换成date的方法。分享给大家供大家参考,具体如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;获取当前年/月/日...

    Global site tag (gtag.js) - Google Analytics