2025年JS第七章 Object实例对象

JS第七章 Object实例对象一 对象 万能的 通用的 可以表示任何事物的 1 对象的概念 在 js 当中 可以说一切皆对象 对象的概念 无序的名值对的集合 键值对的集合 如果存储一个简单的数据 一个数字 一个字符串 直接 var a

大家好,我是讯享网,很高兴认识大家。

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

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. 封装函数实现格式化日期 
小讯
上一篇 2025-02-13 19:23
下一篇 2025-02-26 23:44

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/16320.html