JavaScript函数

函数是什么

函数是一种工具,他是用来将一些重复的功能封装到一起,之后去调用即可

第一种:
function 函数名() { }
函数名();
第二种:
var a = function(){ }
a();
第三种:
var a = new Function();
tip:因为创建方式不够直观并且使用不便,所以基本不使用。

函数返回值

return : 将函数内部的值返回到函数的外部。从而实现在函数外部使用值的作用

tip : 如果一个函数没有返回值,结果为Undefined。

return特点:

  1. return语句后面的代码将不能执行

  2. 在一个函数中同时生效的return语句只能有一个。

  3. return只能返回一个结果而不能返回一段代码。

递归函数

递归函数是在一个函数通过名字调用自身的情况下构成的

function factorial(num){
if(num <= 1){
return 1;
}else{
return num * factorial(num-1);
}
}

匿名函数(anoymous)

创建一个函数并将它赋给变量,这种情况下创建的函数叫做匿名函数,因为function后面没有标识符,匿名函数的name属性时空字符串。(匿名函数有时也叫拉姆达函数)。

Tip : 在使用函数表达式的时候,最好不要写函数名字。即使写了,这个函数名字在函数外部也使用不了,只能在内部使用。

//匿名函数
var anoymous = function(args){
// 函数体
}

自执行函数(通过匿名函数实现)

(function(){
// 函数体
})();

第一个括号的作用让函数变成表达式。

第二个括号作用是执行函数。

回调函数

把一个函数当作一个参数传递给另一个函数,并且在另一个函数中去调用这个函数,即为回调函数。

var fn1 = function(function(){ <!--函数体-->}){
// 函数体
}

闭包函数

函数对象可以通过作用域相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中称为闭包

function createFunctions(){
return function(){
return 'hello world';
}
}

Tip: 闭包的缺点

程序常驻内存,不会被销毁.若是造成循环利用就会导致内存泄漏

构造函数

除了null和undefined,所有的数据类型都可以通过构造函数的形式创造出来,并且都是对象类型。

Tip:在js中,除了null和undefined,一切皆对象

var str = new String("hello world");//构造函数实例化

构造函数两大类

  1. 系统内置构造函数

  2. 自定义构造函数(创建出一个对象)

注意事项

  1. 使用函数名需要采用大驼峰

  2. 变量接受不在是返回值,而不是构造函数创建出来的一个对象

  3. 构造函数一般不设置return

函数属性

arguments

arguments是一个类数组对象,传给函数的实参都会储存在arguments里。通过arguments加方括号使用

this

this对象是在基于函数的执行环境绑定的。

1.当函数被当作方法调用时。this等于那个对象
2.在事件处理函数中,this等于事件源
3.在普通函数中this等于windows

内存划分

栈(stack)

自动分配内存大小,由系统自动释放

Tip:存在栈中的数据不可改变

堆(heap)

动态分配内存空间,大小也不一定释放

作用

1.基础数据类型储存在栈中,数据大小确定,内存空间大小可以分配,直接安值存放,也
按值读取。 2.引用数据类型存在堆中,在栈中仅存储一个地址

javaScript入门(函数)的更多相关文章

  1. JavaScript入门-函数function(二)

    JavaScript入门-函数function(二) 递归函数 什么是递归函数? 递归简单理解就是,在函数体里,调用自己. //我们在求一个10的阶乘的时候,可能会这么做 //写一个循环 var to ...

  2. 05.Javascript——入门函数

    //定义函数的方法1 function abs(x) { if (x >= 0) { return x; } else { return -x; } } 上述abs()函数的定义如下: func ...

  3. 开心菜鸟系列----函数作用域(javascript入门篇)

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  4. 07.Javascript——入门高阶函数

    高阶函数英文叫Higher-order function..JavaScript的函数其实都指向某个变量.既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数 ...

  5. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  6. (转)Javascript匿名函数的写法、传参、递归

    (原)http://www.veryhuo.com/a/view/37529.html (转)javascript匿名函数的写法.传参和递归 javascript匿名函数的写法.传参和递归 http: ...

  7. (转)javascript匿名函数的写法、传参和递归

    (原)http://www.veryhuo.com/a/view/37529.html (转)javascript匿名函数的写法.传参和递归 http://www.veryhuo.com 2011-0 ...

  8. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  9. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  10. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

随机推荐

  1. nginx配置访问https[自签版]

    通过openssl生成证书 (1)设置server.key,这里需要设置两遍密码: openssl genrsa -des3 -out server.key 1024 (2)参数设置,首先这里需要输入 ...

  2. (一)LoadRunner安装

    1.下载LR,双击exe安装程序,选择LoadRunner完整安装程序,如下图: 2.点击下一步 3.选择我同意,下一步 4.输入姓名和组织(可以不输入),下一步 5.点击浏览选择要安装的目录,建议使 ...

  3. C# 截取屏幕

    /// <summary> /// 截取屏幕 /// </summary> /// <param name="x">起点X坐标</para ...

  4. 等差数列,for循环,递归和尾递归的对比

    生活中,如果1+2+3+4.....+100,大家基本上都会用等差数列计算,如果有人从1开始加,不是傻就是白X,那么程序中呢,是不是也是这样.今天无意中看到了尾递归,以前也写过,但是不知道这个专业名词 ...

  5. Android中创建一个BroadcastReceiver

    首先创建一个java类继承BroadcastReceiver类 package com.example.service; import android.content.BroadcastReceive ...

  6. 查看包名和Activity

    包名:adb shell pm list package -f 获取手机内所有apk对应的路径和包名 f 后加要查找的app的关键词可快速找到你想要的app包名 Activity:adb shell ...

  7. webpack4从安装到使用入过的那些坑

    1.全局安装 安装 webpack 前要确保已经下载 node.js 最新版本(node.js官网地址) 目前使用命令行安装的 webpack 默认为最新版本(以下我使用了全局安装.官网建议本地安装, ...

  8. Saltshaker 开源的基于Saltstack的Web 配管工具,欢迎使用

    Saltshaker是基于saltstack开发的以Web方式进行配置管理的运维工具,简化了saltstack的日常使用,丰富了saltstack的功能,支持多Master的管理. 已经在GitHub ...

  9. jQuery笔记(三)jQuery中的事件

    ; padding:0;} body { font-size:13px; line-height:130%; padding:60px;} #panel { width:300px; border:1 ...

  10. puthon 字典的 .update() 方法

    1.可以直接更新字典 2.也可以用等号连接,更新一个可迭代对象.