封装函数的入门

一、使用函数有两步:

1、定义函数,又叫声明函数, 封装函数。

定义函数的三个要素:功能,参数,返回值。

function 函数名(形参){ 函数代码 return 结果}

//2、调用函数var 变量  =  函数名(实参);

二、对函数的参数和返回值的理解

1、函数的参数就是完成一件事情的已知条件,就是输入。

2、函数的返回值就是事情完成的结果。就是输出

三、以下为简单的函数封装的代码

//封装函数的三个要素;

//功能:奇偶数的判断

//参数:一个数

//返回值:true:是偶数;false:是奇数;

function isOuShu(num){
if(num%2==0){//如果一个数的余等于零的话,显示为true,否则为false
return true;
}else{
return false;
}
}

//功能:判断一个数是不是3和7的倍数

//参数:一个数

//返回值:true:是;false:否

function isSanAndSeven(num){
if(num%3==0 && num%7==0){//条件为一个数能不能被3和7整除,如果同时满足条件为true,否则为flase
return true;//return语句可以终止函数的执行。
}
return false;
}

//功能:判断一个两位以内数是不是逢7过的数

//参数:一个两位以内数

//返回值:true:是;false:否

function isSevenPass(num){
if(num%7==0 || num%10==7 || parseInt(num/10)==7){//或的关系,
return true;
}
return false;
}

//功能:闰年

//参数:年份

//返回值:true:是;false:否

function isLeapYear(year){
if((year%4==0 && year%100!=0)||(year%400==0)){//四年一闰,百年不闰,四百年一闰
return true;
}
return false;
}

//功能:身体健康指数

//参数:身高和体重

//返回值:-1:体重不达标,得增肥了;0:正常;1:体重超标,减肥;

function BMI(height,weight){//参数是身高和体重
var str="";
var standardWeight = height-105;
if(weight<standardWeight-5){
return -1;
}else if(weight>standardWeight+5){
return 1;
}else{
return 0;
}
}

//功能:输入数字显示星期几

//参数:0-6的数字

//返回值:形如"星期一"一样的字符串,如果是空字符串("")表示输入的数字不在0-6之间。

function testf() {
//1、获取文本框的内容
var num = Number(document.getElementById("numId").value);
//2、判断
var str;
switch(num){
case 0:str="星期天";break;
case 1:str="星期一";break;
case 2:str="星期二";break;
case 3:str="星期三";break;
case 4:str="星期四";break;
case 5:str="星期五";break;
case 6:str="星期六";break;
default:str="亲,您的输入有误";break;
}
//3、显示
document.getElementById("resultId").value = str;
}

//功能:n到m之间的所有的自然数之和;

//参数:

// 参数1:表示起始的数n,

// 参数2:表示结束的数m//

返回值:求和的结果,是个数字;

function sumfromNToM(n,m){
var sum = 0;
for(var i=n;i<=m;i++){
sum=sum+i;
}
return sum;
}

//功能:求出1-1/2+1/3-1/4+1/5....1/100的和(加奇减偶)。

//参数:无

//返回值:表示和的数;

function sumFrom1To100(){
var sum = 0;
for(var i=1;i<=100;i++){
if(i%2==0){
sum = sum-1/i;
}else{
sum = sum+1/i;
}
}
return sum;
}

javascript封装函数入门的更多相关文章

  1. JavaScript匿名函数入门。

    1.第一种匿名函数的使用:简单的调用 var f=function(){ return 'Hello'; };   //匿名函数没法调用,只能赋值,所以作为赋值语句后面得加分号 var result= ...

  2. JavaScript封装函数:获取下一个/上一个兄弟元素节点

    要求: 获得下一个/上一个兄弟元素节点,不包括文本节点等 解决IE兼容性问题 代码实现: 获得下一个兄弟元素节点: function getNextElement(element) { var el ...

  3. JavaScript面向对象轻松入门之封装(demo by ES5、ES6、TypeScript)

    本章默认大家已经看过作者的前一篇文章 <JavaScript面向对象轻松入门之抽象> 为什么要封装? 封装(Encapsulation)就是把对象的内部属性和方法隐藏起来,外部代码访问该对 ...

  4. javascript的函数、创建对象、封装、属性和方法、继承

    转自原文javascript的函数.创建对象.封装.属性和方法.继承 一,function 从一开始接触到js就感觉好灵活,每个人的写法都不一样,比如一个function就有N种写法 如:functi ...

  5. JavaScript封装一个函数效果类似内置方法concat()

    JavaScript封装一个函数效果类似内置方法concat() 首先回忆concat()的作用: concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个 ...

  6. JavaScript中DOM查询封装函数

    在JavaScript中可以通过BOM查询html文档中的元素,也就是所谓的在html中获取对象然后对它添加一个函数. 常用的方法有以下几种: ①document.getElementById() 通 ...

  7. Javascript:来一个AJAX封装函数

    前不久换工作了,最近一直在出差,忙得跟狗一样,所以博客都荒废许久了. 最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于 ...

  8. JavaScript封装

    js封装就是把使用方式简单化,内部逻辑和使用解耦.使用人员知道参数和返回值就可以了,其他不用使用人员设置. 封装就是将属性,方法,字段等封装成类. JavaScript封装方法 1,函数方式 func ...

  9. [转]javascript eval函数解析json数据时为什加上圆括号eval("("+data+")")

    javascript eval函数解析json数据时为什么 加上圆括号?为什么要 eval这里要添加 “("("+data+")");//”呢?   原因在于: ...

随机推荐

  1. 【XSY3345】生成树 并查集

    题目大意 有一个两部各有 \(n\) 个节点的二分图 \(G\),定义 \(G^m\) 为一个 \(m+1\) 层的图,每层有 \(n\) 个节点,相邻两层的诱导子图都和 \(G\) 相同. 给你 \ ...

  2. Gym - 101982F Rectangles (扫描线+线段树)

    链接:http://codeforces.com/gym/101982/attachments 思路: 问被覆盖次数为奇数次的矩阵的面积并 扫描线求矩阵面积并我们是上界赋为-1,下界赋为1,因为要求覆 ...

  3. 工厂模式如何返回Spring的Bean

    工厂返回的可以是一个具体的对象,比如造一辆车,可以返回一个自行车对象,或者汽车对象. 但是在Spring 中需要工厂返回一个具体的Service,这就是一个抽象工厂了 一种方法是反射,个人觉得这种方式 ...

  4. 【BZOJ4013】[HNOI2015]实验比较(动态规划)

    [BZOJ4013][HNOI2015]实验比较(动态规划) 题面 BZOJ 洛谷 题解 看题目意思就是给你一棵树,连边表示强制顺序关系.然后你要给点染色,在满足顺序关系的情况下,将序列染成若干个颜色 ...

  5. Matlab 中subsystem mask封装子系统

    Icon&port %%外型图表封装 %%.曲线型标注: plot(cos(:*pi),sin(:*pi)) %%.文字型标注: disp('PID\n控制器') %%.曲线加文字型标注: p ...

  6. Multi-View 3D Reconstruction with Geometry and Shading——Part-1

    From PhDTheses Multi-View 3D Reconstruction with Geometry and Shading 计算机视觉的主要任务就是利用图像信息能智能理解周围的世界. ...

  7. Redis主从配置和哨兵监控配置——服务器端环境搭建

    一:介绍 公司用到的redis框架,主要分为cluster的缓存集群和sentinel中的哨兵主从.这种的选用方式一般需要更具业务场景来做区分,两种框架的配置图为:右图为哨兵主从框架和cliuster ...

  8. Redux thunk中间件

    redux-thunk https://github.com/reduxjs/redux-thunk Why Do I Need This? Thunks are the recommended mi ...

  9. QButtonGroup按钮组

    继承  QObject 提供 一个抽象的按钮容器, 可以将多个按钮划分为一组,不具备可视化的效果,一般放的都是可以被检查的按钮 import sys from PyQt5.QtWidgets impo ...

  10. 【vue】组件使用Deferred特性

    延迟加载组件 defer的意思是"延迟",所以deferred对象的含义就是"延迟"到未来某个点再执行. <template> <div> ...