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入门指南>这本书中,只是简单的介绍了一些概念,是一本基础的入 ...
随机推荐
- nginx限制流量
location /download/ { limit_rate_after 5m; limit_rate 1m; alias /data/html/; }
- spring cloud+.net core搭建微服务架构
http://www.cnblogs.com/longxianghui/p/7800316.html
- java-mybaits-012-mybatis-Interceptor-拦截器读写分离四种实现方案
一.概述 基本项目搭建 技术框架:spring web mvc .日志[slf4j.log4j2].mybatis.druid.jetty插件启动.mybatis-generator逆向配置生产dao ...
- 阶段5 3.微服务项目【学成在线】_day18 用户授权_06-方法授权-方法授权测试-无权限异常处理
现在没权限返回的信息 控制台抛出的异常是这个 : 不允许访问,这是Spring Security跑出来的 我们在异常处理器里面打个断点看一下 重新测试,就跳转到了异常捕获类这里. 这是异常的类型 这里 ...
- (十二)class文件结构:魔数和版本
一.java体系结构 二.class格式文件概述 class文件是一种8位字节的二进制流文件, 各个数据项按顺序紧密的从前向后排列, 相邻的项之间没有间隙, 这样可以使得class文件非常紧凑, 体积 ...
- 第一个php文件运行
运行会发现报错,解决参考:写的很详细 http://blog.csdn.net/meegomeego/article/details/36020553
- DB2函数简单示例
DB2中的函数原理同其他编程语言中的函数,均为输入几个参数,同时返回一个值. 下面的例子演示一个寻找某一次考试中成绩最好的学生的姓名. 首先,我们新建一个表SCORE用于表示考试,并插入几条数据: D ...
- mybatis传入map任意表增删改查,分页过滤字段
<!--根据实体参数查询 --> <select id="selectBaseList" resultType="java.util.HashMap&q ...
- Egret入门学习日记 --- 第三篇 (书中 3.4 内容)
第三篇 (书中 3.4 内容) 今天还是要把昨天项目运行后,EXML文件里的界面没有出现的问题解决了才行. 去了群里,没人回.去了官网看文档,看不懂. 不过倒是看到了一个好东西: 还挺便宜啊,一个月要 ...
- 教你成为全栈工程师(Full Stack Developer) 四十五-一文读懂hadoop、hbase、hive、spark分布式系统架构
转载自http://www.shareditor.com/blogshow?blogId=96 机器学习.数据挖掘等各种大数据处理都离不开各种开源分布式系统,hadoop用于分布式存储和map-red ...