JavaScript 函数的定义-调用、注意事项

 更新时间:2017年04月16日 07:58:08   投稿:mdxy-dxy  
这篇文章主要介绍了JavaScript 函数的定义-调用、注意事项,需要的朋友可以参考下

函数定义

函数语句定义

function(a,b){
 return a+b; 
}

表达式定义

var add = function(a,b){return a+b};

//函数表达式可以包含名称,这在递归时很有用 var f = function fact(x){ if(x<=1) {return 1; }else { return x*faxt(x-1); } }

以表达式方式定义的函数,函数的名称是可选的。如果函数定义表达式包含名称,函数的局部作用域将会包含一个绑定到函数对象的名称,实际上,函数的名称将成为函数内部的一个局部变量

函数命名规范

1.like_this()第一个字符为小写,当包含多个单词时候,单词以下划线分割

2.likeThis()第一个字符为小写,当包含多个单词时候,除第一个单词以外的单词首字母使用大学字母

3.内部函数或私有函数,通常以一条下划线为前缀

注:函数声明语句‘被提前到外部脚本或外部函数作用于顶部,所以可以被在它定义之前出现的代码所调用

以表达式方式定义函数前必须把它赋值给一个变量。所以表达式方式定义的函数在定义之前是无法调用的

函数返回值

  • return语句返回函数的值给调用者。
  • return语句没有,则它返回undefined

 嵌套函数

  • 嵌套函数可以访问他们的函数的参数和变量
  • 但是嵌套函数不能出现在循环、条件判断,或者try/cache/finally/with语句中

函数调用

  • 作为函数
  • 作为方法
  • 作为构造函数
  • 通过他们的call()和apply()方法间接调用

作为函数调用

add(1,2)

 根据ECMAScript3和非严格的ECMAScript5对函数调用的规定,调用上下文(this的值)是全局对象。然而在严格模式下,调用上下文则是undefined。

//定义一个函数且调用一个函数来确定当前脚本运行是否为严格模式
 var strict = (function(){return this;}());

作为方法调用

var o = {
 m:1,
 n:2,
 add:function(){
  this.result = this.m+this.n;
  }
}

方法调用和函数调用的一个重大区别。----调用上下文

o.add() add的调用上下文为o,即:this
o.add() 等同于o['add']()
方法链:当方法并不需要返回值时候,最好直接返回this
this为一个关键字,不是变量,也不是属性名。JavaScript语法不允许给this赋值
和变量不同,关键字this没有作用于的限制,嵌套的函数不会从调用它的函数中继承this,如果想访问外部函数的this,var self= this;保存在变量中
如果嵌套函数作为函数调用,其this的值指向调用它的对象。如果作为函数调用,this不是全局对象(非严格模式),就是undefined(严格模式)

构造函数调用

var o = new Object();

构造函数调用和普通函数调用以及方法调用在实参处理。调用上下文和返回值等方面都有不同。

凡是没有形参的构造函数调用都可以省略圆括号。

var o = new Object();
var o = new Object;
//等价

构造函数调用创建一个新的空对象,这个对象继承自构造函数的prototype属性,这个函数试图初始化这个新创建的对象,病将这个对象做为上下文,因此构造函数可以使用this关键字来引用这个新创建的对象。

new o.m() 调用的上下文并不是o.
构造函数并不使用return。如果构造函数显示的使用return语句返回一个对象,那么调用表达式的值就是这个对象。如果构造函数但并没有返回值,或者返回一个原始值,那么就会忽略返回值,同时使用新对象作为返回结果。

间接调用

call()
appy()

相关文章

  • 动态读取JSON解析键值对的方法

    动态读取JSON解析键值对的方法

    这篇文章主要介绍了动态读取JSON解析键值对的方法,需要的朋友可以参考下
    2014-06-06
  • Javascript判断对象是否相等实现代码

    Javascript判断对象是否相等实现代码

    想判断2个js对象,是不是所有完全相同在表单页面应用是很常见的,接下来分享一段判断代码,感兴趣的你可以参考下哈,希望可以帮助到你
    2013-03-03
  • js实现网页右上角滑出会自动消失大幅广告的方法

    js实现网页右上角滑出会自动消失大幅广告的方法

    这篇文章主要介绍了js实现网页右上角滑出会自动消失大幅广告的方法,是javascript广告特效的典型应用,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • js数据类型以及其判断方法实例

    js数据类型以及其判断方法实例

    这篇文章主要给大家介绍了关于js数据类型以及其判断方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • Bootstrap CSS组件之按钮组(btn-group)

    Bootstrap CSS组件之按钮组(btn-group)

    这篇文章主要为大家详细介绍了Bootstrap CSS组件之按钮组(btn-group),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript插件化开发教程(六)

    JavaScript插件化开发教程(六)

    本文是javascript插件化开发系列教程的第六篇文章,还是重点对上一篇文章不足的地方进行改进重构,逐步分析让大家能有一个新的认识,希望小伙伴们能够喜欢。
    2015-02-02
  • JavaScript实现HTML导航栏下拉菜单

    JavaScript实现HTML导航栏下拉菜单

    这篇文章主要为大家详细介绍了JavaScript实现HTML导航栏下拉菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript利用img实现前端页面埋点功能

    JavaScript利用img实现前端页面埋点功能

    做数据分析的时候需要获取足量的有效数据,这个时候就需要我们在前端页面埋点。如何来实现一个前端埋点功能,本文就带你上手试试
    2022-06-06
  • 用js实现下载远程文件并保存在本地的脚本

    用js实现下载远程文件并保存在本地的脚本

    //将常用的vbs下载者改成js版了。本来想用jsc.exe编译,可是不成功。jsc.exe不认WScript
    2008-05-05
  • 使用js原生实现年份轮播选择效果实例

    使用js原生实现年份轮播选择效果实例

    这篇文章主要给大家介绍了关于如何使用js原生实现年份轮播选择效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01

最新评论