zoukankan      html  css  js  c++  java
  • JavaScript 对象

    JavaScript  对象

    JavaScript中的所有事物都是对象;字符串、数组、数值、函数...

    此外,JavaScript允许自定义对象。

    所有事物都是对象

    JavaScript提供多个内建对象,比如String、Data、Array等等。对象只是带有属性和方法的特殊数据类型。

    布尔型、数字型、字符串、日期、数字和正则表达式、数组甚至函数都可以是对象

    对象只是一种特殊数据,对象拥有属性和方法

    访问对象的属性:

    属性是与对象相关的值

    访问对象属性的语法是:

    objectName.propertyName

    这个例子使用了String对象的length属性来活的字符串的长度:

    var message=“Hello World!”;

    var x=message.length;

    在以上代码执行之后,X的值是:12

    访问对象的方法

    方法是能够在对象上执行的动作。

    您可以通过以下语法来调用方法;

    objectName.methodName();

    这个例子使用了String对象的toUpperCase()方法来将文本转换为大写:

    var message=“Hello World!”

    var x=messagetoUpperCase();

    以上代码运行后,X的结果是:Hello World

    创建JavaScript对象

    通过JavaScript您能够定义并创建自己的对象。

    创建新对象有两种不同方法:

    定义并创建对象的实例

    使用函数来定义对象,然后创建新的对象实例

    这个例子创建了对象的一个新实例,并向其添加了四个属性:

    person=new Object();
    person.firstname="John";
    person.lastname="Doe";
    person.age=50;
    person.eyecolor="blue";

    替代语法(使用对象 literals):

    person={
             firstname:"John",
             lastname:"Doe",
             age:50,
             eyecolor:"blue"
    };
     

    把方法添加到 JavaScript 对象

    方法只不过是附加在对象上的函数。

    在构造器函数内部定义对象的方法:

    function person(firstname,lastname,age,eyecolor)
    {
        this.firstname=firstname;
        this.lastname=lastname;
        this.age=age;
        this.eyecolor=eyecolor;
    
        this.changeName=changeName;
        function changeName(name)
        {
            this.lastname=name;
        }
    }

    changeName() 函数 name 的值赋给 person 的 lastname 属性。

    myMother.changeName("Doe");

    JavaScript 类

    JavaScript 是面向对象的语言,但 JavaScript 不使用类。

    在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。

    JavaScript 基于 prototype,而不是基于类的。

    JavaScript for...in 循环

    JavaScript for...in 语句循环遍历对象的属性。

    语法

    for (variable in object)
    {
        执行的代码……
    }

    注意: for...in 循环中的代码块将针对每个属性执行一次。

    循环遍历对象的属性:

    var person={
            fname:"John",
            lname:"Doe",
            age:25
    };
    for (x in person) {
            txt=txt + person[x];
    }
  • 相关阅读:
    3个百度网盘下载实用小技巧
    decodeURIComponent 解码函数
    background属性怎么添加2个或多个背景图
    本地运行vue项目webpack提示 Compiled successfully
    var和let区别简述
    picture元素的使用
    博客园自定义鼠标icon
    background-size:100% 100% 和 background-size:cover的区别简述
    ScreenToGif——gif动图工具使用说明
    离职个人社保补缴——程序员也应该知道的社保基础知识科普
  • 原文地址:https://www.cnblogs.com/Strong-stone/p/10286547.html
Copyright © 2011-2022 走看看