0
点赞
收藏
分享

微信扫一扫

零基础JavaScript学习【第七期】

目录

对象

创建对象的三种方式

(1)利用字面量创建对象(只能创建一个对象)

(2)利用new object创建对象(只能创建一个对象)

(3)利用构造函数创建对象

 new执行过程

遍历对象(for…in)

JS内置对象

Math对象

 (1)Math.abs( ) 绝对值

(2)Math.floor( )向下取整 (不会四舍五入,小数点后面的直接不要)

(3)Math.ceil( )向上取整 (有小数点的直接在个位+1,小数点后面不要)

 (4)Math.round( )四舍五入(其他数字都四舍五入除了 .5比较特殊,他往大了取)

(5)随机函数random( )

案例时间:

猜数字


 

对象

对象:一组无序的相关属性(名词)方法(动词)集合

创建对象的三种方式

(1)利用字面量创建对象(只能创建一个对象)

  • 创建一个空的对象。
var obj={};
  •  创建一个有内容的对象。例如:
var obj={
 uname:'guidm',
 age:20,
 sex:'女', 
 helloWorld:function(){
 console.log('hello');
 }
}
  •  使用对象:

(1)对象名.属性名

console.log(obj.uname);

(2)对象名['属性名']

console.log(obj['age']);
  • 调用对象的方法:

对象.方法名()

obj.helloWorld( );

(2)利用new object创建对象(只能创建一个对象)

var obj=new Object();
obj.uname='guidm';
obj.age='18';
obj.sex='女';
obj.sayHi=function(){
 console.log('hi');
}

(3)利用构造函数创建对象

构造函数:利用函数的方法重复这些相同的代码,里面封装的不是普通代码而是对象。

构造函数主要用来初始化对象,与new运算符一起使用,可以把一些公共的属性和方法抽取出来封装到这个函数里。

function 构造函数名(){
 this.属性=值;
 this.方法=function(){ }
}
 new 构造函数名(

例如:

function Person(uname,age,sex){
 this.name=uname;
 this.age=age;
 this.sex=sex;
}
 var people=new Person('gui',18,'女');
 

 new执行过程

  1. new构造函数可以在内存中创建一个空的对象。
  2. this会指向创建的空对象。
  3. 执行构造函数里面的代码,给这个空对象添加属性和方法。
  4. 返回这个对象。

遍历对象(for…in)

for(变量 in 对象){ }

 for example:

var obj={
 name='guidm',
 age='18',
 sex='woman'
 }
 for(var k in obj){
 console.log(k);
}

JS内置对象

Math对象

不是一个构造函数,不需要用new来调用,直接使用里面的属性和方法。

如:
console.log(Math.PI);

 (1)Math.abs( ) 绝对值

console.log(Math.abs(1));//1
console.log(Math.abs(-1));//1
console.log(Math.abs('-1'));//1 隐式转换,会把字符型转换为数字型

(2)Math.floor( )向下取整 (不会四舍五入,小数点后面的直接不要)

console.log(Math.floor(1.1));//1
console.log(Math.floor(1.9));//1

(3)Math.ceil( )向上取整 (有小数点的直接在个位+1,小数点后面不要)

console.log(Math.ceil(1.1));//2
console.log(Math.ceil(1.5));//2
console.log(Math.ceil(1.9));//2

 (4)Math.round( )四舍五入(其他数字都四舍五入除了 .5比较特殊,他往大了取)

console.log(Math.round(1.1));//1
console.log(Math.round(1.5));//2
console.log(Math.round(1.9));//2
console.log(Math.round(-1.9));//-1
console.log(Math.round(-1.5));//-1

(5)随机函数random( )

random( )返回一个随机的小数0=<x<1

这个方法里面不跟参数。

console.log(Math.random());

案例时间:

猜数字

function getRandom(min,max){
 return Math.floor(Math.random()*(max-min+1))+min;
}
 var random=getRandom(1,10);
 while(true){
  var num=prompt('输入一个1~10之间的数');
  if(num>random){
     alert('猜大了');
   }else if (num<random) {
     alert('猜小了');
   }else {
    alert('猜对了');
    break;
  }
}
     

举报

相关推荐

0 条评论