JavaScript对象

万物皆对象

什么是对象:

对象是一个具体的事物,一个具体的事物就会有行为和特征。

JavaScript中的对象:

在JavaScript中的对象其实是生活中对象的一个抽象,是无序属性的集合。其属性可以包含基本值、对象或函数。

对象就是一组没有顺序的值。我们可以把JavaScript中的对象想象成键值对,其中值可以是数据和函数。

 

对象的三大特征:1、属性      2、方法(主动的行为)    3、事件(被动的行为)

也可以说对象:是由属性和行为构成。

事物的特征在对象中用属性来表示。

事物的行为在对象中用方法来表示。

 

JavaScript中的对象如何定义:

1、使用function关键字定义;

2、使用字面量的方式定义对象;

var 对象名={属性:属性值,。。。}

代码如下:

 

//使用字面量的方式定义对象;
        //举个例子,定义一个dog对象和属性
        var dog={
            name:'橘子',//属性
            age:5,//属性
            color:'black',//属性
            weight:12,//如果是最后一行属性不能加逗号
            speak:function(){//方法

            }
        }

函数传递参数可以是:基本数据类型,还可以是复合数据类型

对象及属性方法的访问:

 //定义一个对象及属性
        var person={
            name:'张麻子',
            age:23,
            job:'麻匪',
            ID:'九筒',
            qiangjie:function(){//自定义一个方法
                console.log('劫官车');
            }
        }
        function test(pre){//形参,可以是不同的名称
            console.log(pre);
            //访问对象属性
            //因为是一个对象,所以属性可以通过.的方式
            console.log(pre.ID);
        }
        //函数传参可以是:基本数据类型,还可以是复合数据类型。
        test(person);//实参
        //访问这个对象的方法
        person.qiangjie();

 var person_01={
            name:['张麻子','黄四郎','夫人','马邦德'],
            age:{
                xu:23,
                shi:22
            },
            saygoodbye:function(){
                console.log(this.age.xu);//this表示当前这个对象,age就是一个对象
            }
        }
        console.log(person_01.name);
        person_01.saygoodbye();
        //arr是一个数组,因为name获取的是数组
        var arr=person_01.name;

 

### 关于 UniApp 框架推荐资源与教程 #### 1. **Uniapp 官方文档** 官方文档是最权威的学习资料之一,涵盖了从基础概念到高级特性的全方位讲解。对于初学者来说,这是了解 UniApp 架构技术细节的最佳起点[^3]。 #### 2. **《Uniapp 从入门到精通:案例分析与最佳实践》** 该文章提供了系统的知识体系,帮助开发者掌握 Uniapp 的基础知识、实际应用以及开发过程中的最佳实践方法。它不仅适合新手快速上手,也能够为有经验的开发者提供深入的技术指导[^1]。 #### 3. **ThorUI-uniapp 开源项目教程** 这是一个专注于 UI 组件库设计实现的教学材料,基于 ThorUI 提供了一系列实用的功能模块。通过学习此开源项目的具体实现方式,可以更好地理解如何高效构建美观且一致的应用界面[^2]。 #### 4. **跨平台开发利器:UniApp 全面解析与实践指南** 这篇文章按照章节形式详细阐述了 UniApp 的各个方面,包括但不限于其工作原理、技术栈介绍、开发环境配置等内容,并附带丰富的实例演示来辅助说明理论知识点。 以下是几个重要的主题摘选: - **核心特性解析**:解释了跨端运行机制、底层架构组成及其主要功能特点。 - **开发实践指南**:给出了具体的页面编写样例代码,展示了不同设备间 API 调用的方法论。 - **性能优化建议**:针对启动时间缩短、图形绘制效率提升等方面提出了可行策略。 ```javascript // 示例代码片段展示条件编译语法 export default { methods: { showPlatform() { console.log(process.env.UNI_PLATFORM); // 输出当前平台名称 #ifdef APP-PLUS console.log('Running on App'); #endif #ifdef H5 console.log('Running on Web'); #endif } } } ``` #### 5. **其他补充资源** 除了上述提到的内容外,还有许多在线课程视频可供选择,比如 Bilibili 上的一些免费系列讲座;另外 GitHub GitCode 平台上也有不少优质的社区贡献作品值得借鉴研究。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值