javascript 创建对象，访问对象的属性，访问对象的方法。

素颜马尾好姑娘i 2022-07-19 01:13 281阅读 0赞

**理解javascript OOP/基于对象的编程，是判断程序员javascript水平的分水岭。而javascript 基于对象编程中，
    最基本的是“创建对象”，往往让很多熟悉其他面向语言（Java、C#、C++）的程序员觉得似懂非懂或者难以适应。所以，
    本文主要介绍，javascript 中的创建对象，访问对象的属性，访问对象的方法。**

1.在 JavaScript中，几乎所有的事物都是对象。
    
    2.JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
    
    3.提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。
    而对于传统编程来说，会在执行前对所有代码进行编译。
    
    4.对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。
    属性由逗号分隔
    
    5.Undefined 和 Null Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量
    
    6.在 JavaScript 中，对象是非常重要的，当你理解了对象，就可以了解 JavaScript 。你已经学习了 JavaScript 
    变量的赋值。以下代码为变量 car 设置值为 "Fiat" :var car = "Fiat";  对象也是一个变量，但对象可以包含多个值
    （多个变量）。 var car = {type:"Fiat", model:500, color:"white"};  在以上实例中，3 个值 ("Fiat", 500, "white") 
    赋予变量 car。在以上实例中，3 个变量 (type, model, color) 赋予变量 car。JavaScript 对象是变量的容器。              
    
    7.定义 JavaScript 对象可以跨越多行，空格跟换行不是必须的：实例var person = {firstName:"John",lastName:"Doe",age:50,
    eyeColor:"blue"};
    
    8.可以说 "JavaScript 对象是变量的容器"。但是，我们通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为 name : value 
    (键与值以冒号分割)。
    键值对在 JavaScript 对象通常称为 对象属性。                
    
    9.可以通过两种方式访问对象属性:person.lastName或者person["lastName"];               
    
    10.可以使用以下语法创建对象方法：methodName : function() {  code lines }
    可以使用以下语法访问对象方法：objectName.methodName()

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head>
    <title>新建网页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="布尔教育 http://www.itbool.com" />
    <style type="text/css"> </style>
    </head>
        <body>
            <div id='time'></div>
    
        </body>
                <script type="text/javascript"> //一、使用var方法创建对象 //1.使用var方法（先创建空对象，后添加属性或方法） var obj1={}; obj1.name="使用var方法一"; //2.使用var方法(直接创建对象) var obj2={name:"使用var方法二"}; //2.使用var方法(使用工厂方式来创建（Object关键字）) var obj3=new Object(); obj3.name="使用var方法三"; alert(obj1.name); alert(obj2.name); alert(obj3.name); //二、使用工厂方式创建对象 function Obj4(){ }; var obj4=new Obj4(); obj4.name="使用function()方法一"; function Obj5(name){ this.name=name;} var obj5=new Obj5("使用function()方法二"); alert(obj4.name); alert(obj5.name); //三、使用原型创建对象 //1.使用静态原型方法 function Obj6(){ }; Obj6.prototype.name="原型创建对象方法一"; var obj6=new Obj6(); //2.使用混合原型方法 function Obj7(name){ this.name=name}; Obj7.prototype.say=function(){ alert(this.name); } var obj7=new Obj7("原型创建对象方法二"); //3.使用动态原型方法 function Obj8(name){ this.name=name; if(typeof Obj8.say=="undefined"){ Obj8.prototype.say=function(){ alert(this.name); } Obj8.say=true; } } var obj8 =new Obj8("原型创建对象方法三"); alert(obj6.name); obj7.say(); obj8.say(); </script>
    </html>