javascript封装函数入门
封装函数的入门
一、使用函数有两步:
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封装函数入门的更多相关文章
- JavaScript匿名函数入门。
1.第一种匿名函数的使用:简单的调用 var f=function(){ return 'Hello'; }; //匿名函数没法调用,只能赋值,所以作为赋值语句后面得加分号 var result= ...
- JavaScript封装函数:获取下一个/上一个兄弟元素节点
要求: 获得下一个/上一个兄弟元素节点,不包括文本节点等 解决IE兼容性问题 代码实现: 获得下一个兄弟元素节点: function getNextElement(element) { var el ...
- JavaScript面向对象轻松入门之封装(demo by ES5、ES6、TypeScript)
本章默认大家已经看过作者的前一篇文章 <JavaScript面向对象轻松入门之抽象> 为什么要封装? 封装(Encapsulation)就是把对象的内部属性和方法隐藏起来,外部代码访问该对 ...
- javascript的函数、创建对象、封装、属性和方法、继承
转自原文javascript的函数.创建对象.封装.属性和方法.继承 一,function 从一开始接触到js就感觉好灵活,每个人的写法都不一样,比如一个function就有N种写法 如:functi ...
- JavaScript封装一个函数效果类似内置方法concat()
JavaScript封装一个函数效果类似内置方法concat() 首先回忆concat()的作用: concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个 ...
- JavaScript中DOM查询封装函数
在JavaScript中可以通过BOM查询html文档中的元素,也就是所谓的在html中获取对象然后对它添加一个函数. 常用的方法有以下几种: ①document.getElementById() 通 ...
- Javascript:来一个AJAX封装函数
前不久换工作了,最近一直在出差,忙得跟狗一样,所以博客都荒废许久了. 最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于 ...
- JavaScript封装
js封装就是把使用方式简单化,内部逻辑和使用解耦.使用人员知道参数和返回值就可以了,其他不用使用人员设置. 封装就是将属性,方法,字段等封装成类. JavaScript封装方法 1,函数方式 func ...
- [转]javascript eval函数解析json数据时为什加上圆括号eval("("+data+")")
javascript eval函数解析json数据时为什么 加上圆括号?为什么要 eval这里要添加 “("("+data+")");//”呢? 原因在于: ...
随机推荐
- 《深入理解java虚拟机》学习笔记-----郑雨迪
一.学习java虚拟机的原因 二.java代码的运行 java -c 编译成.class 文件(java字节码) java字节码(.class文件)无法直接执行,因此,java虚拟机需要将字节码编译成 ...
- 【集训队作业2018】取名字太难了 任意模数FFT
题目大意 求多项式 \(\prod_{i=1}^n(x+i)\) 的系数在模 \(p\) 意义下的分布,对 \(998244353\) 取模. \(p\) 为质数. \(n\leq {10}^{18} ...
- Linux haproxy基础
代理作用 web缓存,提供缓存功能,可以加速响应过程. 反向代理,可以隐藏后端服务器 内容路由,可把不同内容类型的请求转发至特定服务器, 转码器,与客户端通信,由于带宽限制,可将报文转码压缩:与后端服 ...
- Spring Boot学习总结三
1,mybatis在spring boot下的2种使用模式 无配置文件注解版 application.properties添加相关配置 mybatis.type-aliases-package=com ...
- 快速理解js中的call,apply的作用
今天被人问到js中的call,apply的区别和用途,解释了一番后,想到之前在逼乎上看到一位小伙伴生动形象的解释 本身不难理解,看下MDN就知道了,但是不常用,遇到了,还要脑回路回转下.或者时间长了, ...
- 前端三剑客:html,css,JavaScript
一.前端概念 二.html详细介绍 三.css基础 四.css盒模型 五.css高级布局 六.JS基础 七.JS常用类 八.JS基础操作 九.JS高级与事件 十.BOM与DOM 十一.jQuery初识 ...
- atomic详解
http://www.360doc.com/content/14/1120/21/203028_426770242.shtml
- Vue(小案例_vue+axios仿手机app)_购物车(二模拟淘宝购物车页面,点击加减做出相应变化)
一.前言 在上篇购物车中,如果用户刷新了当前的页面,底部导航中的数据又会恢复为原来的: 1.解决刷新,购物车上数值不变 ...
- Git的相关知识
什么是git Git(读音为/gɪt/.)是一个开源的分布式版本控制系统,可以有效.高速地处理从很小到非常大的项目版本管理.Git 是 Linus Torvalds 为了帮助管理 Lin ...
- PowerEdge R430 机架式服务器安装( Ubuntu server 14.04.1 、PHP5.5.9、PHP-redis2.8、Phalcon3.1)
未解决问题:换成静态路由的话,怎么就 apt-get udpate 出现错误信息! 解决办法:么有设置网关 一.Ubuntu 系统下载地址: https://certification.ubuntu. ...