Java教程

JavaScript 对象 使用

本文主要是介绍JavaScript 对象 使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

目录

一:什么是对象?

二:创建对象的三种方式

1:利用字面量创建对象

如何使用对象的某个属性?

2:利用 new Object 创建对象

3:利用构造函数创建对象

        什么是构造函数?

三:变量,属性,函数,方法的区别?

四:遍历对象 


一:什么是对象?

在JavaScript中,对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串,数值,数组,函数等

        对象由属性和方法组成

二:创建对象的三种方式

1:利用字面量创建对象

                

注意:

①: 对象里面的属性或方法采用键值对的形式 属性名:属性值

②:多个属性或方法中间用英文逗号隔开

③:方法冒号后面跟的是匿名函数

如何使用对象的某个属性?

①:对象名.属性     obj.uname

②:对象名['属性名']  obj['age']

③:调用对象的放法:对象名.方法名()    obj.sayHi()

2:利用 new Object 创建对象

 注意:

①:利用等号赋值的方法 添加对象的属性和方法

②:每个属性和方法之间用分号结束

3:利用构造函数创建对象

        为什么要使用构造函数创建对象?

        因为我们之前两种方式一次只能创建一次对象

        什么是构造函数?

        把对象里的一些相同的属性和方法抽象出来封装成函数

        语法结构:

function 构造函数名(){
    this.属性 = 值
    this.方法 = function(){}

}

new 构造函数名()

注意:

        构造函数名首字母要大写

        不需要return 就能返回结果 

        只要调用了对象就是调用了一个对象

练习:

function Getpeo(username,age,tel){

    this.username = username;
    this.age = age;
    this.tel = tel;
    this.sing = function(sang){
        console.log(sang)

    }
}

var lqx = new Getpeo('lqx',20,123)  //调用函数返回的是一个对象
console.log(lqx.username)
//输出结果:lqx


lqx.sing('花') //调用方法

//花

三:变量,属性,函数,方法的区别?

        相同点:变量和属性都是用来存储数据的

        不同点:

                变量:单独声明并赋值,使用的时候直接写变量名 单独存在

                属性:在对象里面不需要声明,使用的时候必须是  对象.属性

        相同点:函数和方法都是实现某种功能的

        不同点:        

                函数:是单独声明的并且调用的 函数名()   单独存在

                方法:在对象里面 调用的时候  对象.方法()

四:遍历对象 

        for...in

语法格式:

 

这篇关于JavaScript 对象 使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!