函数返回值和封装_该睡觉觉了的博客-程序员宅基地

技术标签: js  

1.5 函数返回值

1.5.1 return

需要用到函数内部的变量或者是函数的时候需要使用return 进行数据返回

函数返回值:return 可以将函数内部的变量或函数返回到函数外面去使用

​ 语法:return 需要返回的内容

​ 特点:return 一次只能返回一个,写多个最后只会返回最后一个

​ 函数中只要遇到return函数就结束了

//return 一次只能返回一个,写多个最后只会返回最后一个
function sum(a,b){
    
    var c1 = a+b;
    var c2 = a*b;
    var c3 = a/b;
    return [c1,c2,c3];
}
//函数调用表达式的结果就是函数的返回值
var s = sum(10,20);
console.log(s);


//函数中只要遇到return函数就结束了
function ss(){
    
    return 1; //函数中只要遇到return函数就结束,后面的代码不会执行
    console.log("js难吗?");
}
ss();
function add(){
    
    s = 0;
    for(var i = 1;i<=100;i++){
    
        s += i; //s+=1
        return s;//函数中只要遇到return函数就结束
    }
}
var a = add();
console.log(a);//1

1.5.2 获取元素样式

//1.只能获取行间样式
var w = oDiv.style.width;
//console.log(w);

//2.获取非行间样式
//标准浏览器:getComputedStyle(标签).属性名   ie8-不兼容
var w1 = getComputedStyle(oDiv).width;
console.log(w1); //200px

//IE浏览器:标签.currentStyle.属性名
var w1 = oDiv.currentStyle.width;
console.log(w1);

//3.兼容,拿其中一个方法作为判断条件  xx.xx,  如果是直接调用的就使用window.xx
//alert(window.getComputedStyle);
//alert(oDiv.currentStyle)
if(oDiv.currentStyle){
    
    var w1 = oDiv.currentStyle.width;
}else{
    
    var w1 = getComputedStyle(oDiv).width;
}
console.log(w1);

1.5.3封装

function getStyle(elem,attr) {
    //标签:elem  属性:attribute
    if (window.getComputedStyle) {
    
        //标准
        var w = getComputedStyle(elem)[attr];
    } else {
    
        //ie
        var w = elem.currentStyle[attr];
    }
   return w;
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zhangyiyang111/article/details/111397051

智能推荐

java jsp公共异常页面_JSP页面的异常处理_jeremy chang的博客-程序员宅基地

对于jsp页面错误处理这里大致有两种方式:一、在Web.xml中配置全局的错误异常处理即凡是该项目下(即虚拟路径下的所有文件)的任意一个文件错误或者异常,都会跳到指定的错误处理页面。全局的错误处理可以处理两种类型的错误:一种是HTTP代码的错误,如404,500,还有一种是异常的错误,如:NullPointerException例如修改web.xml文件,加入以下代码:500目录/error.j...

Thinkphp5 接口中直接返回数组提示variable type error: array_夏已微凉、的博客-程序员宅基地_thinkphp5 接口返回

一、场景二、解决一、场景写接口,直接返回一个数组,报了这个错 variable type error: arraypublic function apiTest() { $data = [ 'id' =&gt; 1, 'name' =&gt; 2 ]; return $data;}二、解决指定json格式输出public function apiTest() { $data = [ 'id' =&gt;.

mysql 添加b tree索引_MySQL索引一(B+Tree)_三匝堂的博客-程序员宅基地

一:索引的类型二:索引的优点三:高性能索引策略四:索引案例1.1类型介绍索引有很多类型,可以为不同场景提供更好的性能。在MySQL中,索引是在存储引擎层而不是服务器层实现的。所以,并没有统一的索引标准:不同存储引擎的索引的工作方式并不一样,也不是所有的存储引擎都支持所有类型的索引,即使多个存储引擎支持同一种类型的索引,其底层的实现也可能不同1.2 B+Tree索引存储引擎以不同的方式使用B+Tre...

测试linux 图形界面,Linux远程图形界面_weixin_39882394的博客-程序员宅基地

1:xmanager passive首先本机开启xmanager passive功能secureCRT开启转发X11数据包功能。主机执行 export DISPLAY=ip.0:0 xhost +执行xclock测试是否显示时钟界面此使用了Xclient和Xserver功能,其中本地使用了xmanager的server功能此用法并不需要服务器安装有图形化界面,kde等,2:vncserver本地安...

从进程中巧妙判断出病毒与木马_丁码农的博客-程序员宅基地

任何病毒和木马存在于系统中,都无法彻底和进程脱离关系,即使采用了隐藏技术,也还是能够从进程中找到蛛丝马迹,因此,查看系统中活动的进程成为我们检测病毒木马最直接的方法。 但是系统中同时运行的进程那么多,哪些是正常的系统进程,哪些是木马的进程中判断出病毒,而经常被病毒木马假冒的系统进程在系统中又扮演着什么角色呢?请看本文。病毒进程隐藏三法当我们确认系统中存在病毒,但是通过“任务管理器”

随便推点

zigbee学习深入浅出第一讲_超级可爱的夹心小朋友的博客-程序员宅基地

1、什么是zigbee?它能干什么用?为什么引入zigbee?zigbee是无线设备之间的一种通信方式,类似于人与人之间用普通话交流,普通话就是一种通信方式。zigbee通信方式和zigbee协议说的是一回事。节点、无线模块、无线设备说的是一个东西。zigbee的作用构建无线局域网2.zigbee和无线传感器网络之间的关系?如果一个无线局域网用于传感器数据收集和监控,那么这个网路就叫无线传感器网络。无线传感器网络是无线局域网的一个具体应用。蓝牙:功耗低,组建网络节点数少7-8WIFI:通信速率

java filter url匹配规则_java Filter过滤器例外URL设置_weixin_39622710的博客-程序员宅基地

在web.xml声明的一个filter中:复制代码 SessionFiltercom.iqbon.jcms.web.util.SessionFilterexcludedPages/admin/login.doSessionFilter/admin/复制代码 可以看到url-pattern的设置里面过滤的url规则是/admin/,如果要把/admin/login.do排除在过滤url之外。可以结合...

我的爸爸刘狗蛋_疯狂的犹太人的博客-程序员宅基地

我爸姓刘,名抢洞,字狗蛋,是茎洞的掌门人。2017年6月15日,我的继母“NC妹妹”上了微博热搜,我知道,我爸的公司又要搞活动了。有些不怀好意的群众喜欢喊她脑残妹妹,我爸极力劝阻他们时,他们却诡辩说,某TF开头男孩组合的“挑粪”之名不仅可以拉近与粉丝的距离,还显得特别接地气,脑残妹妹也是同理。1江苏的很多地区直到今天仍以“

jq和js的关系_jquery与js的区别是什么?_房东黑黑的博客-程序员宅基地

JavaScript和jQuery是我们学习前端所具备的知识,那么大家知道他们俩之间有什么区别。下面本篇文章来给大家介绍一下jquery与js的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。js(JavaScript)javaScript的简写形式就是JS,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能(其编写的程序可以被嵌入到HTML或XML页面...

我的世界java版怎么进不去存档_Java版进不去存档 #Bugjump#_独行君的博客-程序员宅基地

该楼层疑似违规已被系统折叠隐藏此楼查看此楼---- Minecraft Crash Report ----// Why did you do that?Time: 21-2-25 下午3:00Description: Exception in server tick loopjava.lang.NoClassDefFoundError: org/apache/logging/log4j/util...

Linux下ActiveMQ的搭建与使用_Doctor舒畅的博客-程序员宅基地_activemq linux

ActiveMQ的安装0、准备:进入http://activemq.apache.org/下载ActiveMQ使用的版本是5.12.0一、安装环境:需要jdk 安装Linux系统。生产环境都是Linux系统。二、安装步骤第一步: 把ActiveMQ 的压缩包上传到Linux系统。[[email protected] ~]# ll总用量 190600drwxr-xr...

推荐文章

热门文章

相关标签