JavaScript几种函数定义方法

 时间:2024-10-21 17:28:47

1、首先我们建一个测试页有了网页基本结构就可以了,我这里建立了一个ul列表,分别放了三行内容“历史”、“新闻”、“体育”,下面我们就基于这个测试页来看看js函数的定义和使用

JavaScript几种函数定义方法

2、第一个我们要看的是匿名函数,匿名函数在页面中会直接执行,定义的方式是(function(){//函数内容})(); 最后面的一对小括号里面可以传参。图中实现了一个匿名函数,传递了一个字符串数组,我们在匿名函数中输出了一下,大家可以看到,我们不用调用匿名函数,他只要在页面上就会立即执行,这样做有一个好处,那就是他内部通过var定义的变量是他的私有变量,不会被外部引入的js同名变量污染。

JavaScript几种函数定义方法

3、第二种定义的方式就是最常用的function定义方式,下图定义了一个show函数,我们在document.ready里面调用它来更改li中的内容。

JavaScript几种函数定义方法

4、上面是没有返回值的函数,在我们平时使用函数的时候很多情况下需要返回值,这是这个函数看以看作它返回值的类型,比如return 1 那么这个函数可以看作是一个整形,如果return "你好"它就是字符串型,当然也可以是函数自己或者数组、对象等等。下面实现了一个根据id获取对应html内容的get函数,我们可以看一下代码和输出结果

JavaScript几种函数定义方法

5、另外我们为了更好的把函数看作一个特定类型或对象,还有一个定义方法var fname = function(参数){};这种方法跟function定义的方法基本一样。下面我们把之前的get函数改一下看看,测试一下输出结果没有任何变化。

JavaScript几种函数定义方法JavaScript几种函数定义方法
  • 纯css制作漂亮的复选框与单选按钮
  • 用notepad编写一个静态网页
  • php如何实现分页?
  • javascript怎样将json格式的字符串转换为对象?
  • 解css如何改变button按钮长度
  • 热门搜索
    ps怎么改变图片大小 户型图怎么画 etc怎么激活安装图解 建筑图纸怎么看 怎么节约用水 营销策略怎么写 压力大怎么缓解 雀巢淡奶油怎么打发 wifi密码怎么破解 怎么说话