php中文网 | cnphp.com

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 749|回复: 0

世间万物皆可为对象

[复制链接]

3138

主题

3148

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

UID
1
威望
0
积分
7946
贡献
0
注册时间
2021-4-14
最后登录
2024-11-21
在线时间
763 小时
QQ
发表于 2022-2-11 23:57:28 | 显示全部楼层 |阅读模式
JS函数对象
在该对象身上我所需要学到的东西:

函数的作用及定义
函数的返回值return
函数的参数
对象的定义
对象的创建
分清楚函数与对象的区别
简单梳理一下函数&对象:
函数——定义:封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。  作用:大量函数可以重复使用。

对象——定义:对象可以是属性也可以是方法。作用:保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。

创建对象的三种方式:
字面量创建对象{ }
[mw_shl_code=applescript,true] //字面量创建对象
        var obj = {
                uname: 'Z3',
                age: 90,
                sex: '男',
                sayHi: function() {
                    console.log('hi~');
                }
            }
            // 调用函数
        console.log(obj.uname);
        console.log(obj['age']);[/mw_shl_code]
new Object创建对象
[mw_shl_code=applescript,true]   var obj = new Object(); //类似于创建数组 创建一个空的对象
        obj.unmae = "杨幂";
        obj.age = 18;
        obj.sex = '女';
        obj.sayHi = function() {
            console.log('Hi~');
        }
        obj.eat = function() {
            console.log("chifanfan");
        }

        // 注意区分用 字面量创建对象的语法:
        // 1)我们用 = 等号赋值的方法 添加对象的属性和方法
        // 2)每个属性和方法之间用; 分号结束

        // 下面调用属性和方法:
        console.log(obj.unmae);
        console.log(obj.age);
        obj.sayHi();
        obj.eat();[/mw_shl_code]
构造函数创建对象
[mw_shl_code=applescript,true] // 1.构造函数  明星 泛指的某一大类
        function Star(uname, age, sex) {
            this.uname = uname;
            this.age = age;
            this.sex = sex;
            this.sing = function(sang) {
                console.log(sang);
            }
        }
        // 2.对象 是一个具体的事物 孙千具体的明星
        var sq = new Star('孙千', 18, '女');
        // 我们需要用 new Star()调用函数 创建一个对象
        console.log(sq.uname);
        // 另一种表达式
        console.log(sq['sex']);
        // 调用函数中的方法:
        sq.sing('none');

        // 可以调用多个对象
        var zyt = new Star('周雨彤', 20, '女');
        console.log(zyt.uname);

        // 3.我们利用构造函数创建对象的过程称为对象的实例化[/mw_shl_code]
BOM对象
在该对象身上我所需要学到的东西:

window对象常用属性
BOM对象属性的语法格式
window对象的常用方法
history对象和location对象常用的方法
BOM的定义:BOM比 DOM 范围更大,它包含 DOM。BOM把“浏览器”当作一个“对象”来看待。BOM的顶级对象是window。BOM学习的是浏览器窗口交互的一些对象。

BOM中的对象主要是location对象和history对象,还有navigator对象。

大致框架如下:
image.png
BOM中的学习更多的是学习Web APIs

学习框架如下:
image.png
Web APIs的使用就能让我们制作的页面有更多的动态效果展现出来。

DOM对象
在该对象身上我所需要学到的东西:

DOM的定义
DOM中的各类节点
DOM的查询方法
事件的使用
DOM的定义:文本对象模型,通过DOM 接口可以改变网页的内容、结构和样式。所以又称为“DOM树”。

DOM中的基本操作步骤就是:

获取元素
创建事件
操作元素(属性、样式、自定义属性)
节点的操作:创建、添加、删除、赋值节点
image.png





上一篇:安卓13来了 谷歌Android 13首个开发者预览版发布
下一篇:Python性能分析利器pyinstrument讲解
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|php中文网 | cnphp.com ( 赣ICP备2021002321号-2 )

GMT+8, 2024-11-22 03:27 , Processed in 0.288217 second(s), 37 queries , Gzip On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2020, Tencent Cloud.

申明:本站所有资源皆搜集自网络,相关版权归版权持有人所有,如有侵权,请电邮(fiorkn@foxmail.com)告之,本站会尽快删除。

快速回复 返回顶部 返回列表