JavaScrip:Function

1.自定义函数定义

1.函数通过function关键字创建,函数创建格式:

function 函数名称([参数,...]){
    代码段;
    return 返回值;
}

注意事项:

  • 函数名称不要包含特殊字符
  • 函数名称最好含义明确
  • 函数名称最好遵循驼峰标记法或者下划线法
  • 函数名称严格区分大小写
  • 函数名称如果重复会产生覆盖
  • 函数可以有参数也可以没有参数,可以有一个参数也可以有多个参数
  • 函数通过return加返回值,如果没有return 默认返回undefined
  • 函数不调用不执行

匿名函数

  • 函数表达式可以存储在变量中,变量也可以作为一个函数使用
  • 可以将匿名函数作为参数传递给其它函数,接收方函数就可以通过所传递进来的函数完成某些功能
  • 可以通过匿名函数来执行某些一次性的任务

通过Function()构造函数

通过内置JavaScrip函数构造器(Function)定义:

  • var myFunction=new Function(‘a‘,‘b‘,‘return a+b‘);
  • var myFunction=function(a,b){return a+b;};

注意:

  1. 以上两种方式是等价的
  2. 尽量避免使用new关键字

2.调用函数

  1. 作为一个函数调用:

    1. 通过函数名称()进行调用,如果有参数传递相应参数即可
    2. 在HTML中默认的全局对象是HTML页面本身,所以函数是属于HTML页面。在浏览器中的页面对象是浏览器窗口(window对象).所以函数会自动变为window对象的函数。也可以通过window.函数名称()进行调用
  2. 全局对象
    1. 当函数没有被自身的对象调用时,this的值就会变成全局对象。在web浏览器中全局对象是浏览器窗口window对。
    2. 函数作为全局对象调用,会使this的值称为全局对象。使用window对象作为一个变量容易造成程序崩溃
  3. 函数作为方法调用
    1. 可以将函数定义为对象的方法进行调用
  4. 使用构造函数调用函数
    1. 如果在函数调用前使用了new关键字,则调用了构造函数
  5. 作为回调函数调用函数
    1. call()
    2. apply()

3. 参数

待续。。

4. 变量的作用域

待续。。

5. javascrip全局函数

待续。。

6. 特殊形式的函数

待续。。

时间: 2024-11-10 14:51:12

JavaScrip:Function的相关文章

javascriptDOM编程

DOM - Document Object Model,它是W3C国际组织的一套Web标准,它定义了访问HTML文档对象的一套属性,方法和事件. <html> <head> <script type="text/javascript"> function changeLink() { document.getElementByid('myAchor').innerHTML="搜狐"; document.getElementByid

通过百度echarts实现数据图表展示功能

现在我们在工作中,在开发中都会或多或少的用到图表统计数据显示给用户.通过图表可以很直观的,直接的将数据呈现出来.这里我就介绍说一下利用百度开源的echarts图表技术实现的具体功能. 1.对于不太理解echarts是个怎样技术的开发者来说,可以到echarts官网进行学习了解,官网有详细的API文档和实例供大家参考学习. 2.以下是我在工作中实现整理出来的实例源码: 公用的支持js文件 echarts.js.echarts.min.js,还有其他的图表需要支持的js文件也可以到官网下载 echa

帮同学做的大一大作业:《我的家乡—郑州》

---恢复内容开始--- 最近在上海上学的一个高中同学让我帮忙,帮她做她们的计算机课程大作业. 由于关系不错我也不好意思拒绝就帮忙做了,因为这个学期刚刚开始接触HTML5和css,所以制作过程中有很多不懂的,而且由于HTML5是选修课,一星期只有一节,所以做这个花费了比较多的时间,这个网站是我制作的第一个网站,比较有纪念意义,所以发在博客上,作为纪念. 通过去做这个作业,我了解到很多课上学不到的东西.因为没有美工,从头到尾,都是我一个人在臆想,刚开始的时候,根本无从下手,我去参考别人做的家乡网站

5.24 javascrip简介及语法整理

Javascipt 一.位置1. 写在 head 里面 2.写在BODY里面 3.写在</html>之后 二.语法格式 <scrip language=”javascrip”>代码写在此处</scrip> 常简写为<scrip></scrip> 三.常用对话框 1. Alert 警告对话框, 写在/HTML后,先读取body里面的字符.从上到下读取. 写在head里,1.弹出对话框.2.点击确定后出现body内字符 写在body里,字符前先出现字

关于浏览器不能运行JavaScrip问题的反思

今天在一篇博客(http://blog.csdn.net/u011043843/article/details/27959563)的时候,写着用于演示的Javascript代码不能再浏览器运行,很是忧伤.代码贴上: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text

javascrip中的confirm小技巧

jsp页面中的一个标签: <a href="javascript:void(0)" onclick="confirmDelete('<%=request.getContextPath() %>/master/sysUser_deleteUserById.action?sysUserId=${each.sysUserId }');">删除</a> javascript中的confirm函数: <script>   fun

(转)妙味课堂—JavaScrip中级课程笔记

DOM基础概念.操作 DOM的概念及节点类型 childNodes children nodeType attributes 子节点和兄弟节点的操作 firstChild firstElementChild lastChild.lastElementChild nextSibling.previousSibling 父节点 parentNode offsetParent 元素位置宽高 offsetLeft.offsetTop offsetWidth.offsetHeight getPos() 操

JavaScrip实现3D旋转动态效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Android基础入门教程——7.5.2 WebView和JavaScrip交互基础

Android基础入门教程--7.5.2 WebView和JavaScrip交互基础 标签(空格分隔): Android基础入门教程 本节引言: 在上一节中我们对Android的WebView(网页视图)进行了学习,相信已经了解了WebView的基本用法: 而本节我们要学习的就是通过:HTML -> JS ->Java来完成HTML5端与Android手机间的 互访!好的,话不多说,有吗有真相,让我们通过编写代码来体验这种微妙的联系吧~ PS:为了方便,本节用到的HTML都是以文件的形式放到a