函数

目录

函数是什么
创建函数的方法
调用函数
变量作用域
作用域分类
getComputedStyle()
遍历
封装一个move()功能函数

函数是什么

  • 函数是一种特殊的数据类型
  • 函数是执行特定任务的语句的集合

示例

//一个普通函数的求和函数
function sum(a,b){

}

创建函数的方法

  • 在创建函数的时候,无论使用哪种方法,都需要使用function关键词。

函数声明

语法
function fnName(参数1,参数2,参数3,……参数N){
//语句的集合 this
//return
}

整个函数声明的过程由以下几个部分构成:

1.function:是一个声明函数的关键词
2.fnName:函数名称。声明函数会创建一个变量,函数名称就是变量的名称,这个是理解函数的关键。函数名称用来存放代码块(相当于变量的值)
3.小括号:用于存储函数参数。所有的参数都是为了计算函数的返回值而生。参数分为两类

  • 形参:形参就是形式上的参数。形参是函数体内创建的变量。形参用于接收传入到函数体内的实参。形参的数量可以是任意个,多个形参之间用逗号隔开。 形参出现在函数申明中,实参出现在调用函数中

4大括号:用于定义函数体。函数体包裹的是多条要执行的语句。函数体相当于变量的值
5.return语句:如果你希望函数执行后计算一个值,那么你就需要在函数体内使用return语句显式设置返回值。如果你没有设置return,那么函数会隐式的返回值是undefined。所有的函数只能有一个返回值。如果你要返回多个值,使用数组。把多个值存储到数组里,返回数组。
6.this关键词:this是一个指示代词,this永远指向调用函数的对象。函数是谁调用的,this就指向谁。

函数表达式

调用函数

当创建了一个函数之后,如果你需要使用这个函数,那么你必须要去调用它。函数如果不调用,函数永远不会自己执行。调用函数的方法很简单,只需要在函数名之后加一对小括号()就可以了。在调用函时,小括号用于传递参数。

直接调用
语法
fnName(实参1,实参2,实参N)

示例

function arr(a,b){   //n是形参
return a * b
} 
arr(10)   //100(10是实参)
事件调用
btn.onclick = function(){

}
方法调用
Array.isArray()
作为函数的参数调用
array.forEach(function(){})
自调用
(function(){
alert('hello world')
})() //弹出hello world
使用call()调用

变量作用域

  • 定义:

1.变量作用域指变量发生作用(可以访问)的区域。
2.发生作用的区域是指定义变量的区域。变量在哪个区域定义,变量就在哪个区域起作用。在这个区域之内,可以访问到变量,在这个区域之外,访问不到变量。

作用域分类

1.全局作用域:局部作用域之外的区域就是全局作用域
2.局部作用域:Unfortunately,局部作用域有两种定义方式:

  • 函数作用域:使用var关键词定义的变量就会创建函数作用域
  • 块级作用域:使用let和const关键词定义的变量就会创建块级作用域。(let和const不存在变量提升)

单词

get:得到。
compute:动词,表示计算过的
computer:名词。表示计算机

getComputedStyle()

定义:

getComputedStyle()返回一个对象。该对象包含元素的计算后样式

什么是计算后的样式?

计算后的样式指元素的计算冲突样式后的最终样式

遍历

遍历数组

数组

[1,2,3]
  • 方法一:for循环
for(let i=0;i<arr.length;i++){
str +=`<li>${arr[i]}</li>`
}  
document.write(str)
  • 方法二:forEach
  • 方法三:for of
for(item of arr){        //item : 数组元素  ;  arr  :  数组
str +=`<li>${arr[i]}</li>`  //arr[i]  : 表示数组元素的变量
}
遍历对象
  • 方法一:for in

封装一个move()功能函数

主要要点:

Window.setlnterval(fn,间隔时间)
定义:语法(参数含义)示例演示
用法:先关后开定时器

回调函数

回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数。这个过程就叫做回调。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,544评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,430评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,764评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,193评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,216评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,182评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,063评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,917评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,329评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,543评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,722评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,425评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,019评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,671评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,825评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,729评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,614评论 2 353

推荐阅读更多精彩内容

  • 3函数 3-1函数是什么? 函数是一种特殊的数据类型 函数是执行特定任务的语句的集合 3-2创建函数的方法 不论使...
    劳模阅读 91评论 0 0
  • 思考:在开发过程中会有很多代码其实是重复的,只是其中有一点点数据的变化,那么这样的代码我们是通过复制-粘贴-修改部...
    好像在哪见过你丶阅读 459评论 0 0
  • 函数(方法) 语法: function 关键字 定义函数 类似于 var 定义变量一样函数名 作用类似于 ...
    羁客_阅读 80评论 0 0
  • 对于编程语言而言,函数是不可或缺的一块内容。因为在编写代码的过程中,不可避免会出现很多重复、冗余的代码,从而导致代...
    LouisDrink阅读 636评论 0 1
  • 一.函数 function,是被设计为执行特定任务的代码块函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数...
    Web_小pang阅读 136评论 0 1