OOP in Javascript(1)

最新推荐文章于 2023-11-14 15:18:52 发布

原创最新推荐文章于 2023-11-14 15:18:52 发布 · 657 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #oop #function #object #basic

Web 开发专栏收录该内容

50 篇文章

订阅专栏

本文介绍了使用JavaScript创建对象的基本方法，包括使用new关键字定义自定义对象并添加属性和方法，以及使用对象字面量表示法创建对象。此外还展示了如何通过字面量表示法嵌套定义对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Basic ways of creating an object using javascript

<script  language=javascript type="text/javascript">
<!-- 
    //create object using new object keyword 
    //We define a custom object "person," then add to it its own properties and method afterwards. In this case, the custom method merely initializes two more properties. 
    person=new Object();
    person.name="bennyxu";
    person.height=170;
    person.say =function()
            {
                this.state="running";
                window.alert("I'm running");
            }
            
            
    //create object using literal notation 
    literalObj={
        property1: "hello",
        property2: "Bennyxu",
        property3: ["abc",2,3,4,"NEG"],
        method1: function()
        {
            alert("method had been called " + this.property1);
        }
        
    };
    
    var circle={x:0,
                y:0,
                radius:2}  //another example 
    //nesting is OK 
    var rectangle ={
        upperLeft :{x:2,y:2},
        lowerRight:{x:4,y:4}
    }
    alert("nested definition:" + "uppperLeft=" + rectangle.upperLeft.x );
function Button1_onclick() {
    person.say();
}
function Button2_onclick() {
    literalObj.method1();
    window.alert(literalObj.property3[2]);
}
//--> 
</script>

              While using the new operator or literal notion to create a custom object is both
        simple and logical, the biggest shortcoming is that the result is NOT reusable-
        we cannot easily initialize different versions of the created object.