js入门之函数
一、 函数
函数可以封装一段特定功能的代码,然后通过函数名可以重复调用
1 .函数的定义
funcation 函数名 (){
函数体
}
函数名() 调用函数
2. 函数的参数
funcation fun (形参1,形参2...) {
函数声明
}
fun(实参1, 实参2...)
在函数内部修改形参的值,不会影响外部的实参的值
素数 (只能被1和自身整除的数)
3. 函数返回值 return
当函数中不写return的时候 返回的值是undefined
写了return后面没跟具体值也是返回undefined
4. arguments
通过arguments可以获取函数调用的时候的实参, (实参个数不确定的时候)
function getMax() {
var max = arguments[0];
for (var i = 0; i<arguments.length; i++) {
if (max < arguments[i]) {
max = arguments[i];
}
}
return max;
}
var retult = getMax(23,53,22,35,222,33,553);
console.log(retult);
求斐波那契数列中的第n个数是多少?
function getFib(n) {
var n1 =1;
var n2 =1;
var n3;
for (var i = 3; i<=n; i++) {
n3 = n1 + n2;
n1 = n2;
n2 = n3;
}
return n3;
}
var num = getFib(6);
console.log(num);
二、匿名函数
1. 匿名函数声明
1. 函数声明 -命令函数
function fn() {
} 2. 函数表达式 - 匿名函数
var fn = function () {
}
2. 用法
1. 将匿名函数赋值给一个变量, 这样就可以通过变量进行调用
2. 匿名函数自调用
自调用函数: 当函数书写完成之后立即调用
(function () {
console.log('我是自调用函数')
})() 3. 函数也是一种数据类型
var fn = function() {
console.log('我是传过来的函数')
} function test(fun) {
fun();
}
test(fn);
3.1 因为函数是一种数据类型所以可以作为另一个函数的参数
3.2 因为函数是一种数据类型, 所以函数可作为另一个函数的返回值 function test(a) {
var b =5;
return function () {
console.log(a + b);
}
}
var fn = test(2);
fn();
代码规范:
1. 命名规则
变量、函数的命名必须有意义
变量的名称一般用名词
函数的名称一般用动词
2. 变量规范
操作符的前后要有空格
3. 注释规范
// 这里是注释
4. 空格规范
if 和for 小括号前后都要有空格, 分号后面也要有一个空格
5. 换行规范
花括号起始的要跟定义的在一行
三、 作用域
变量或者函数可以起作用的访问 全局作用域: 在script 标签中 或者一个独立的js文件中,在任何位置都可以访问
局部作用域: 任何一个函数的内部都有一个局部作用域,在局部作用域中定义的变量叫局部变量,只能在该定义的函数中才能访问
块级作用域: 在ECAMScript中没有块级作用域
代码块{
代码块可以单独存在
} 局部变量: 当这个函数执行完之后 内存会被回收
全局变量: 只有当关闭浏览器的时候 才会被回收 作用域链:
// 全局作用域-- 0级作用域链
var num = 5;
function f1() {
// f1 局部作用域 -- 1级作用域
var num = 15;
function f2() {
// f2 局部作用域 -- 2级作用域链
console.log(num);
}
f2()
}
f1()
四、预解析
1. 变量提升,把变量声明提升到当前作用域的最上面,不包括变量的赋值
2. 函数提升,把函数声明提升到当前作用域最上面,不包括函数调用
在预解析的过程中如果函数的变量的名字相同,此时函数优先
js入门之函数的更多相关文章
- js入门关于函数
一,函数·关键字(function)复习var·js关键字.用于声明变量.生命在内存模块完成,定义(=)在执行模块完成.var(可以在内存模块提前完成,所以有变量提升的功能.function也是js的 ...
- React.js入门笔记
# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...
- React Native 系列(一) -- JS入门知识
前言 本系列是基于React Native版本号0.44.3写的,最初学习React Native的时候,完全没有接触过React和JS,本文的目的是为了给那些JS和React小白提供一个快速入门,让 ...
- 以太坊智能合约开发,Web3.js API 中文文档 ethereum web3.js入门说明
以太坊智能合约开发,Web3.js API 中文文档 ethereum web3.js入门说明 为了让你的Ðapp运行上以太坊,一种选择是使用web3.js library提供的web3.对象.底层实 ...
- 【JavaScript】——JS入门
结束XML之旅,開始JavaScript的学习,看视频.了解了她的前世今生,还是为她捏了把汗啊! 看了部分视 频了,简单的总结一下吧! JavaScript是什么? JavaScript是一种基于面向 ...
- App开发Native.js入门指南
概述 Native.js技术,简称NJS,是一种将手机操作系统的原生对象转义,映射为JS对象,在JS里编写原生代码的技术.如果说Node.js把js扩展到服务器世界,那么Native.js则把js扩展 ...
- d3.js 入门指南 - 仪表盘
D3的全称是Data-Driven Documents(数据驱动的文档),是一个用来做数据可视化的JavaScript函数库,而JavaScript文件的后缀通常为.js,所以D3被称为D3.js. ...
- Vue.js 入门:从零开始做一个极简 To-Do 应用
Vue.js 入门:从零开始做一个极简 To-Do 应用 写作时间:2019-12-10版本信息:Vue.js 2.6.10官网文档:https://cn.vuejs.org/ 前言 学习 Vue ...
- 《Three.js 入门指南》3.1.2 - 一份整齐的代码结构以及使用ORBIT CONTROLS插件(轨道控制)实现模型控制
3.1.2 正式代码结构 & ORBIT CONTROLS插件(轨道控制) 说明 本节内容属于插入节,<Three.js入门指南>这本书中,只是简单的介绍了一些概念,是一本基础的入 ...
随机推荐
- 字典学习(Dictionary Learning)
0 - 背景 0.0 - 为什么需要字典学习? 这里引用这个博客的一段话,我觉得可以很好的解释这个问题. 回答这个问题实际上就是要回答“稀疏字典学习 ”中的字典是怎么来的.做一个比喻,句子是人类社会最 ...
- HTML5 地理位置定位API(3)
HTML5 地理位置定位实例 这篇文章主要为大家介绍了HTML5地理定位的方法,实例讲述了html5获取坐标完整实现过程, 并对比不同浏览器运行效果给出参考结果,需要的朋友可以参考下 本文实例讲述了h ...
- Qt编写控件属性设计器1-加载插件
一.前言 加载插件是整个属性设计器的第一步要打通的功能,插件中的控件都加载不了,后面就别搞别玩下去了没法玩的,要从一个动态库中加载出来控件,肯定需要用到反射机制,以前做.NET开发的时候就觉得反射这个 ...
- Redis高级功能 - 慢查询日志
转自 https://segmentfault.com/a/1190000009915519
- springmvc+mybatis多数据源配置,AOP注解动态切换数据源
springmvc与springboot没多大区别,springboot一个jar包配置几乎包含了所有springmvc,也不需要繁琐的xml配置,springmvc需要配置多种jar包,需要繁琐的x ...
- 斑马打印机ZT610有线IP地址设置
设定完毕IP地址后,将协议改为永久,并复位网络!设置完毕,复位网络!设置完毕,复位网络!设置完毕,复位网络! 不复位网络,设置无效!
- sklearn.svc 参数
sklearn.svc 参数 sklearn中的SVC函数是基于libsvm实现的,所以在参数设置上有很多相似的地方.(PS: libsvm中的二次规划问题的解决算法是SMO). 对于SVC函数的参数 ...
- 使用SWO代替UART,实现Printf打印功能
JTAG接口中,有个SWO引脚,一直没有在意,也没有去研究过是干嘛用的.直到发现ST-LINK V2-1上也有个SWO引脚,于是去研究学习它的作用,用起来相比UART方得便多. 本文内容已经整理成PD ...
- windows服务器入门 mysql的安装
钱的问题 只能安装mysql了 下载MySQL 5.5(其他的版本都可以的 只是在这里以mysql5.5为例)安装包(下载地址:http://dev.mysql.com/downloads/my ...
- jqGrid取消所有选中
// 获取所有选中行id var jqGridRowid=$("#jqGrid").jqGrid("getGridParam","selarrrow& ...