angularjs设置全局变量的三种方式

angularjs设置全局变量的三种方式,第1张

通过js方式实现设置全局变量 var a=q

vartest2 ='tank'//方法1,定义全局变量

varphonecatApp = angular.module('phonecatApp', [//定义一个ng-app

'ngRoute',

'phonecatControllers',

'tanktest'

])

phonecatApp.value('test',{"test":"test222","test1":"test111"})//方法2定义全局变量

phonecatApp.constant('constanttest','this is constanttest')//方法3定义全局变量

首先吧,你得知道什么是全局变量:

javascript的变量作用域是根据方法块儿来限定的,方法块儿内声明的变量叫局部变量,方法块儿外声明的变量叫全局变量。

有三种方式声明全局变量:

方法1,在方法块儿外拿var声明:

<script>

    var a=1

    function(){

        //我是代码

    }

</script>

方法2,不实用var,进行隐式声明:

<script>

    b=1

    function(){

        c=2

        //b和c都是全局变量。

    }

</script>

方法3,用window.变量方式声明:

<script>

    function(){

        window.d=1

    }

    console.log(d)

    //d为全局变量。

</script>

第一种方法: javascript实现保留两位小数一位自动补零代码实例:

第一种方法介绍一下如何实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,这个也是为了统一的效果,先看代码实例:

function returnFloat(value){

var value=Math.round(parseFloat(value)*100)/100

var xsd=value.toString().split(".")

if(xsd.length==1){

value=value.toString()+".00"

return value

}

if(xsd.length>1){

if(xsd[1].length<2){

value=value.toString()+"0"

}

return value

}

}

var num=3.1

console.log(returnFloat(num))

上面的代码实现了我们的要求,下面介绍一下它的实现过程。

代码注释:

1、function returnFloat(value){}, 参数是要被转换的数字。

2、var value=Math.round(parseFloat(value)*100)/100, 这个应该是函数的核心之处,parseFloat(value)将参数转换为浮点数,因为参数有可能是字符串,乘以100是因为要保留两位小数,先将小数点向右移动两个位数,然后再利用Math.round()方法实行四舍五入计算,最后除以100,这样就实现了保留保留两位小数,并且还具有四舍五入效果,但是这个并不完美,如果参数数字本身的小数位数大于等于2是可以的,如3.1415,但是如3或者3.0这样的还是没有完美的实现,继续看下面。

3、var xsd=value.toString().split("."),使用点"."value分隔成一个数组。

4、if(xsd.length==1){value=value.toString()+".00"return value},如果数组的长度是1,也就是说不存在小数,那么就会为这个数字添加两个0,例如3会被转换成3.00。

5、

if(xsd.length>1){

if(xsd[1].length<2){

value=value.toString()+"0"

}

return value

}

if(xsd.length>1)用来判断数字的长度是否大于1,也就是数字是否具有小数,如有小数,但是小数的位数小于2,也就是类似3.1这样的,就会在后面加一个0,也就是会转换为3.10。

第二种方法: 汇总JS中格式化数据保留两位小数的函数的多种方法

最好方法:

保留两位好像是这样吧

var a = 9.39393

alert(a.toFixed(2))

说明:

alert(Number.toFixed(9.39393))

返回的是9.39

但是只有ie5.5以上的版本才支持。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11014754.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存