JS第七章 Object实例对象

本文深入解析JavaScript中的对象概念,包括对象的创建方法、操作与遍历技巧,并探讨了构造函数、原型链等高级主题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一 对象(万能的 通用的 可以表示任何事物的)

1. 对象的概念
在js当中,可以说一切皆对象;
对象的概念: 无序的名值对的集合(键值对的集合);

	//如果存储一个简单的数据(一个数字,一个字符串)  直接var a = 10;
	//如果存储一堆的数据 此时我们想到数组  数组就是专门用来存储多个数据用的
	//如果我们想要执行一段代码,或者让这段代码有功能,此时我们需要函数
	//如果我想描述一个复杂的事物,比如说一个人,一台电脑(需要用到多个属性或者方法才能描述清楚),此时就要用到对象;

2. 对象的创建方法
a) 字面量创建

`var obj = {
			name:'zly',
			age:32,
			sing:function(){};
}`

b) New Object

var obj = new Object();
c)	工厂函数模式
  1. 对象的操作及遍历(增删改查)
		var a = 'gender';
		var obj = {};
		obj.name = 'zs';
		obj["age"] = 30;
		obj[a] = 'male';


		delete obj.name;
		obj.name = 'lisi';    //有则更改无则增加
		var name = obj.name;
	读   方式 .语法  []语法
	写   
	注意点:.语法和[]语法   还有变量
	遍历   for in循环进行遍历对象
		for(var key in obj){
			console.log(key,obj[key]);
		}

注:key是变量,[]中不能添加单引号。

二: 构造函数创建特定实例对象

  1. 构造函数的基本概念,使用,作用
    (1)构造函数:本质上也是一个函数,只不过通常我们把构造函数的名字写成大驼峰;
    (2)在js当中,没有类的概念(5版本),构造函数可以理解为类;
    (3)构造函数用法和普通的函数用法是一样的,直接可以调用,只不过它比普通函数多了一种用法。
    new创建两种构造函数 每个构造函数实例化2个对象

  2. 对this的讲解
    不同场合this的指向不同
    window对象简介
    浏览器窗口对象,代码执行的时候所有的一切都是包含在窗口对象下的.

  3. new关键字实例化对象的
    (1)开辟内存空间
    (2)this指向该内存
    (3)执行函数
    (4)生成对象实例

  4. 原型对象和原型链
    原型对象
    什么是原型对象
    原型对象的作用

    原型链
    	对象在查找属性或者方法的过程
    

5、apply和call可以让一个对象使用另外一个对象的方法;
让一个实例对象去调用window的方法(也就是我们所说的函数)
函数或者方法.apply(对象,【函数的参数】);
函数或者方法.call(对象,函数的参数1,函数的参数2);

  1. 对象是哪个构造函数的实例判断 instanceof
    typeof 应用的场景
    instanceof 应用的场景

三 值类型,引用数据类型,堆, 栈
1.值类型和引用数据类型的概念
值类型都有啥
对象类型都有啥
2. 堆和栈的概念
3. 堆和栈的图解
4. 值类型和引用数据类型与堆栈的关系
5. 面试题

	//第一题:
	//var num1 = 10;
	//var num2 = num1;
	//num1 = 20;
	//console.log(num1); 
	//console.log(num2); 

	//第二题

	//var num = 50;
	//
	//function f1(num) {
	//	num = 60;
	//	console.log(num); 
	//}
	//f1(num);
	//console.log(num);


	//var num = 50;
	//function f1(num) {
	//	num = 60;
	//	console.log(num);
	//}
	//f1(num);
	//console.log(num);
	
	//第三题
	var num1 = 55;
	var num2 = 66; 

	function f1(num, num1) {
		num = 100;
		num1 = 100;
		num2 = 100;
		console.log(num); 
		console.log(num1); 
		console.log(num2); 
	}
	f1(num1, num2);
	console.log(num1); 
	console.log(num2); 
	console.log(num) 

	第四题
	function Person(name, age, salary) {
		this.name = name;
		this.age = age;
		this.salary = salary;
	}

	function f1(person) {
		person.name = "ls";
		person = new Person("aa", 18, 10);
	}

	var p = new Person("zs", 18, 1000);
	console.log(p.name);
	f1(p);
	console.log(p.name);

四 内置对象JSON
1. 什么是json,json作用 json通常情况下说的是字符串也叫json串
在前端json串的格式就是对象或者对象的数组;

2.	JSON对象的方法: parse, stringify

五 Math工具对象
1. Math对象方式的使用: round, floor, radom, cell, max min PI pow
2. 案例:
(1)随机数点名
(2) 随机生成验证码

六 Date日期对象
1. Date对象的方法
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getMonth());
console.log(date.getDate());
console.log(date.getHours());
console.log(date.getMinutes());
console.log(date.getSeconds());
console.log(date.getYear());//已经废弃
console.log(date.toLocaleTimeString());
console.log(date.toLocaleDateString());
console.log(date.getTime());//1970 年 1 月 1 日之间的毫秒数

2.	案例:
	1. 格式化日期
	2. 封装函数实现格式化日期

七、包装对象
基本数据类型也可以使用.调用方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沿辰ᓂ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值