zfxcms ^回到顶部

您的当前位置:首页 > web资讯 > JS > js基础-math和对象

js基础-math和对象

所属分类: JS   2019-12-27 16:05:50  编辑:admin  浏览次数 516 次

JavaScript Math

自然对数和圆周率

属性E PI,分别表示自然对数和圆周率PI

 

绝对值

方法 abs 取绝对值

<script>

document.write(Math.abs(-1));

</script>

 

最小最大

<script>

document.write(Math.min(1,100));

document.write("<br>");

document.write(Math.max(1,100));

</script>

 

四舍五入

方法 round,小数四舍五入取整

<script>

document.write(Math.round(3.4));

document.write("<br>");

document.write(Math.round(3.5));

</script>

 

随机数

方法 random 0-1之间的随机数

<script>

document.write("一个 0-1 之间的随机数 : Math.random():");

document.write("<br>");

document.write(Math.random());

document.write("<br>");

document.write("十个 5-10 之间的随机数 : Math.round(Math.random() *5)+5 ");

document.write("<br>");

for(i=0;i<10;i++){

document.write(Math.round(Math.random() *5)+5 ); //5-10之间的随机整数

document.write("<br>");

}

</script>

 

JavaScript自定义对象

通过new object创建对象

<script>

var hero = new Object();

hero.name = "盖伦"; //定义一个属性name,并且赋值

hero.kill = function(){

  document.write(hero.name + " 正在杀敌" ); //定义一个函数kill

}

hero.kill(); //调用函数kill

</script>

 

通过function设计一个对象

通过new Object创建对象有个问题,就是每创建一个对象,都得重新定义属性和函数。这样代码的重用性不好
那么,采用另一种方式,通过function设计一种对象。 然后实例化它。
这种思路很像Java里的设计一种类,但是javascript没有类,只有对象,所以我们叫设计一种对象

<script>

function Hero(name){

  this.name = name;

  this.kill = function(){

     document.write(this.name + "正在杀敌<br>");

  }

}

var gareen = new Hero("盖伦");

gareen.kill();

var teemo = new Hero("提莫");

teemo.kill(); 

</script>

 

为已经存在的对象,增加新的方法

现在Hero对象已经设计好了,但是我们发现需要追加一个新的方法keng(),那么就需要通过prototype实现这一点

<script>

function Hero(name){

  this.name = name;

  this.kill = function(){

     document.write(this.name + "正在杀敌<br>");

  }

var gareen = new Hero("盖伦");

gareen.kill(); 

var teemo = new Hero("提莫");

teemo.kill();

Hero.prototype.keng = function(){

  document.write(this.name + "正在坑队友<br>");

}

gareen.keng();

teemo.keng();

</script>


Web文章检索

Web文章目录