web前端学习

概述

对象的概念来自对客观世界的认识，用于描述客观世界存在的特定实体。在计算机的世界中，不仅存在来自客观世界的对象，还包含为解决问题而引入的比较抽象的对象。对象是JavaScript中的重要概念，下面详细介绍对象的使用方法。

1.对象声明-变量声明法

在JavaScript中，声明对象的方法主要有两种，即变量声明法和函数声明法。 ①变量声明法(使用该法是对象变量，可以直接引用，但不能当作类) var 对象名 = { 属性名1:属性值1 ... 方法1:function(){ 方法体1 } ... } js cookie库(用的变量声明法)

	
//对象的声明：变量声明法
var stud2 = {
   sex:"女",
   age:3,
   name:"李四",
   report_info:function(){
	   console.log(this.name+"同学的年龄是："+this.age+"，性别是："+this.sex);
   }
}
console.info(stud2);
//对象属性的访问
console.info("该同学的名字是："+stud2.name);
//对象方法的访问
stud2.report_info();

2.对象声明-函数声明法

在JavaScript中，声明对象的方法主要有两种，即变量声明法和函数声明法。 ②函数声明法(使用该法是类，需要经过对象构造后才能被访问) function 对象名(参数1,...){ this.属性名1 = 参数1, ... this.method 1 = function(){ 方法体 1 } js自带的Date对象与该构造法类似 var my_date = new Date(2023,11,10,15,05,08,888); my_date.getFullYear(); my_date.setFullYear(2008); my_date.toDateString();

	
//对象的声明：函数声明法
function student(sex_fp,age_fp,name_fp){
   this.sex = sex_fp;
   this.age = age_fp;
   this.name = name_fp;
   this.report = function(){
	   console.log(this.name+"同学的年龄是："+this.age+"，性别是："+this.sex);
   }
   
}
//对象的构造
var stud1 = new student("男",18,"张三");
console.info(stud1);
//对象属性的访问
console.info("该同学的名字是："+stud1.name);
//对象方法的访问
stud1.report();

3.变量声明法demo

1）学生对象：先定义空对象，再添加属性和方法。 2）圆对象：使用方法，并在调用方法时传入参数。 3）立方体对象：使用属性和方法，先给属性赋值，方法中使用属性的值。

	
//学生信息
var my_obj = {};
my_obj.name = "张三";
my_obj.gender = "女";
my_obj.age = 18;	
my_obj.output = function(){
	console.log(this.name+this.gender+this.age);
}
my_obj.output();

//圆
var circle = {
	diameter:function(radius){
		return 2*radius;
	},
	perimeter:function(radius){
		return 2*radius*Math.PI;
	},
	area:function(radius){
		return Math.PI*Math.pow(radius,2);
	}
}	
console.log(circle.diameter(5));
console.log(circle.perimeter(5));
console.log(circle.area(5));

//立方体
var cube = {
	length:0,
	width:0,
	height:0,
	cross_area:function(){
		return this.length*this.width;
	},
	volume:function(){
		return this.length*this.width*this.height;
	}
}	
cube.length = 2;
cube.width = 3;
cube.height = 4;
console.log(cube.cross_area(5));
console.log(cube.volume(5));