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

最新推荐文章于 2024-07-06 00:11:00 发布

好像在哪里见过

最新推荐文章于 2024-07-06 00:11:00 发布

阅读量6k

点赞数

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.csdn.net/zhanggaofeixy/article/details/52144808

版权

Javascript 专栏收录该内容

3 篇文章 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>

好像在哪里见过

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
5
评论
javascript 创建对象，访问对象的属性，访问对象的方法。

/* 1.在 JavaScript中，几乎所有的事物都是对象。 2.JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 3.提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。 4.对象由花括号分隔。在括号内部
复制链接

扫一扫