js基础-math和对象
2019-12-27 16:05:50 来源:admin 点击:730
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>