[JavaScript]Object（对象）学习

最新推荐文章于 2023-04-23 23:48:48 发布
最新推荐文章于 2023-04-23 23:48:48 发布
阅读量73 收藏
点赞数 1
分类专栏： Web前端 文章标签： JavaScript prototype C C++ C# ViewUI

 

创建空对象：

var o = new Object();
o.a = "A";
o.b = "B";
o.c = "C";
alert(o.a + o.b + o.c);

 

 

ABC

对象直接量：

 

var o1 = {a:1, b:2, c:3};
alert(o1.a + o1.b + o1.c);

 

 

6

嵌套的对象：

 

var o = new Object();
o.a = "A";
o.b = "B";
o.c = "C";
o.d = {x:1, y:2, z:3};
alert(o.a + o.b + o.c + o.d.x + o.d.y + o.d.z );

 

 

ABC123

未定义的对象属性：

 

var o = new Object();
o.a = "A";
o.b = "B";
o.c = "C";
o.d = {x:1, y:2, z:3};
o.a = o.no_such_property;
delete o.b;
o.c = null;
 o.d.x = void 0;
 alert(o.a + ',' + o.b + ',' + o.c + ',' + o.d.x + ',' + o.d.y + o.d.z);

 

 

undefined,undefined,null,undefined,23

枚举对象中的属性名：

 

var o = new Object();
o.a = "A";
o.b = "B";
o.c = "C";
o.d = {x:1, y:2, z:3};
var s = "";
for (i in o)
{
s += i + ",";
}
alert(s);

 

 

a,b,c,d,

构造函数：

 

function init()
{
function Book(name, author)
{
this.name = name;
this.author = author;
}
 var book1 = new Book('The Republic', 'Plato');
var book2 = new Book('A History of Western Philosophy', 'Russel');
alert("<" + book1.name + ">(" + book1.author + ")");
alert("<" + book2.name + ">(" + book2.author + ")");
}

 

 

<The Republic>(Plato)

<A History of Western Philosophy>(Russel)

将方法赋给对象：(必须分别赋给创建的每一个对象）

 

function Book(name, author)
{
this.name = name;
this.author = author;
}
function toString()
{
return "<" + this.name + ">(" + this.author + ")";
}
var book1 = new Book('The Republic', 'Plato');
book1.toString = toString;
var book2 = new Book('A History of Western Philosophy', 'Russel');
book2.toString = toString;
alert(book1.toString());
alert(book2.toString());

 

 

<The Republic>(Plato)

<A History of Western Philosophy>(Russel)

将方法的赋值放在构造函数里：

 

function Book(name, author)
{
this.name = name;
this.author = author;
 this.toString = toString;
 }
function toString()
{
return "<" + this.name + ">(" + this.author + ")";
}
var book1 = new Book('The Republic', 'Plato');
var book2 = new Book('A History of Western Philosophy', 'Russel');
alert(book1.toString());
alert(book2.toString );

 

 

<The Republic>(Plato)

function toString()
{
return "<" + this.name + ">(" + this.author + ")";
}

prototype原型：

 

function init()
{
function Book(title, author)
{
this.title = title;
this.author = author;
}
function toString()
{
return this.title + "," + this.author + "," + this.subject;
}
Book.prototype .subject = "Philosophy";
Book.prototype.toString = toString;
var book = new Book("Republic", "Plato");
document.write(book.toString() + "<br>");
for (i = 1;i <= 5; i++)
{
book = new Book("T" + i, "A" + i)
if (i % 2 == 0) Book.prototype.subject = "Maths";
else Book.prototype.subject = "Chemistry";
document.write(book.toString() + "<br>");
}
}

 

Republic,Plato,Philosophy
T1,A1,Chemistry
T2,A2,Maths
T3,A3,Chemistry
T4,A4,Maths
T5,A5,Chemistry

即使属性是在对象被创建以后才添加到它的原型对象中的，对象也能够继承这些属性：

 

function init()
{
function Book(title, author)
{
this.title = title;
this.author = author;
}
function toString()
{
var v = "";
for (s in this)
{
v+= s + ",";
}
return v;
}
Book.prototype.toString = toString;
var book = new Book("Republic", "Plato");
document.write(book.toString() + "<br>");
Book.prototype.subject = "Philosophy";
document.write(book.toString() + "<br>");
}

 

title,author,
subject,title,author,

关于prototype，一个奇怪的问题：

 

function Book(title, author)
{
this.title = title;
this.author = author;
}
function getFields(O)
{
var v = "";
for (s in O)
{
v+= s + "=" + O[s] + ",";
}
return v;
}
var A = new Book("Ta", "Aa");
var B = new Book("Tb", "Ab");
document.write("--------------------------<br>");
document.write(getFields(A) + "<br>");
document.write(getFields(B) + "<br>");
B.pages = 508;
B.price = "$20.50";
document.write("--------------------------<br>");
document.write(getFields(A) + "<br>");
document.write(getFields(B) + "<br>");
 Book.prototype = B;
 document.write("--------------------------<br>");
document.write(getFields(A) + "<br>");
document.write(getFields(B) + "<br>");
document.write("--------------------------<br>");
document.write(getFields(Book.prototype) + "<br>");
var C = new Book("Tc", "Ac");
document.write("--------------------------<br>");
document.write(getFields(C) + "<br>");

 

--------------------------
title=Ta,author=Aa,
title=Tb,author=Ab,
--------------------------
title=Ta,author=Aa,
title=Tb,author=Ab,pages=508,price=$20.50,
--------------------------
title=Ta,author=Aa,

//在“Book.prototype=B”执行以后，对象A并没有获得B中的两个新属性。奇怪。新创建的对象C却获得了。
title=Tb,author=Ab,pages=508,price=$20.50,
--------------------------
title=Tb,author=Ab,pages=508,price=$20.50,
--------------------------
 price=$20.50,pages=508,title=Tc,author=Ac,

面向对象的JavaScript:

 

function Book(title, author)
{
this.title = title; //实例变量
 this.author = author;
}
Book.prototype.toString = function()//实例方法
{
var a = "Book[";
for (s in this)
{
a += s + "=" + this[s] + ";";
}
a += "]";
return a;
}
Book.toString = function(book)//静态方法
{
var a = "Book[";
for (s in book)
{
a += s + "=" + book[s] + ";";
}
a += "]";
return a;
}
var A = new Book("Ta", "Aa");
Book.KIND = "book";//静态变量
document.write(A.KIND + ";" + Book.KIND + "<br>");
document.write(A.toString() + "<br>");
document.write(Book.toString(A) + "<br>");

undefined;book
Book[title=Ta;author=Aa;]
Book[title=Ta;author=Aa;]

undefined;book
Book[title=Ta;author=Aa;]
Book[title=Ta;author=Aa;]

 

 

hisray
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript Object 对象学习笔记
10-25
主要介绍了Javascript Object 对象学习笔记,需要的朋友可以参考下
Object类详解
仰望星空 脚踏实地
03-05 658
Object类存储在java.lang包中，是所有java类(Object类除外)的终极父类，任何类都默认继承Object。 当然，数组也继承了Object类。然而，接口是不继承Object类的，Object类不作为接口的父类。
object方法
judy_hason的博客
05-10 190
1.Object.entries() 把一个对象的键值以数组的形式遍历出来，（不包括Symbol值的属性）。结果和 for...in 一致，但不会遍历原型属性。 var obj = { a: 1, b: 2, c: 3, [Symbol()]: 4 }; Object.entries(obj); // [["a", 1], ["b", 2], ["c", 3]] （1）传入非对象的参数，强制类型转换为对象 var str = 'abcde'; Object.ent
JS的Object的方法
qq_43235503的博客
04-23 96
JS的Object的方法
JavaScript 日常开发中常用的 Object 操作方法总结
web前端开发
12-14 334
来源 |https://juejin.cn/post/6991335772137734152今天这篇文章，我主要想给大家总结一下我们日常开发中一些常用的Object的操作方法，希望可以对...
JavaScript中的Object对象学习教程
10-22
主要介绍了JavaScript中的Object对象学习教程,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
JavaScript对象学习经验整理
01-19
1.对象的创建方法： (1)通过new运算符创建，new后面跟着一个构造函数名 var object = new Object(); 构造函数直接调用时通常没有返回值，它只是初始化由this值传递进来的对象；但是与new一起使用时返回一个对象值...
Object 常用方法
qq_41338901的博客
03-04 167
一入码园深似海，从此刘海梦里存… 在这里记录一下 JS 中 Object 常用的方法，本来楼主不知道这么多，偶然看到大佬的代码才知道自己的认识太浅了… Object.keys : 返回一个所有元素为字符串的数组，例如： let dataObj = {name:"jack",age:20}; let t = Object.keys(dataObj); // t = ["name","age"]...
ES6中Object.assign()的使用
huanggang0101的博客
06-18 649
一、Object.assign()对象的拷贝 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, …sources) 【target：目标对象】，【souce：源对象（可多个）】 注意： 1.如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性 2.Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用
javascript多种经典例子
11-30
javascript多种经典例子
JavaScript之Object()对象
姚格格---小豹blog
04-18 3189
1.JavaScript的所有的其他对象都继承自Object对象，也就是说哪些对象都是Object的实例。 2.Object对象原生的方法：Object本身的方法和Object的实例方法。 （1）Object对象本身的方法（直接定义在Object对象的方法） （下面的print方法就是直接的定义在Object对象上的方法（调用print方法即可启动网页的打印功能）） Object.pr...
Object的属性和方法
yuqin的博客
07-27 311
属性： value：默认为undefined writable：默认为false enumerable：默认为false configurable：默认为false constructor：用于创建一个对象的原型。 方法：这里的Object可以替换为其他对象 Object.hasOwnProperty() 返回一个布尔值，表示某个对象是否含有指定的属性，而...
JavaScript - 什么是Object 对象
weixin_46022982的博客
05-17 1530
3 Object 对象 广义的理解： 一切皆对象，数组、函数都是对象的一种。 狭义的理解： Object 数据类型，是对象类型中的一种，与Array、Function是等价的。 3.1 什么是 Object 1. Object 是值的无序集合。 2. Object 由多个属性组成， 每个属性有属性名也有属性值，属性名一般用字符串表示，属性值可以是任意类型的数据 3. 如果某个属性的值是 function 类型的数据，可以称该属性为方法。 3.2 如何声明 Object 类型的对象 ① 第一种 直接量方式
关于如何处理JSONObject.fromObject(Object obj)无法转换特殊日期（java.sql.Date,java.sql.Timestamp）格式的问题。
Chenny的blog
02-17 3847
关于JSONObject的封装，或者说使用，现在市面上很多。这里不做过多的描述，但是有种情况却不得不说明下，JSONObject进行对对象进行JSON格式转换，但是在转换过程中，遇到了 Java.sql.Date类型的属性无法完成转换，并且抛出异常：net.sf.json.JSONException:  java.lang.reflect.InvocationTargetExcepti
JSON(JavaScript Object Notation)
mustar的专栏
09-02 371
 　JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式，可替换XML成为AJAX程序中的数据交换格式。　　它有两种结构：　　1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dicti
JSON (javascript object notation) 声明
Within的博客
05-02 525
(1)什么是JSON?是一种轻量级的数据交换格式。 1)数据交换: 将要交换的数据先转换成一种与平台无关的数据格式（比如xml）,然后发送给接收方来处理。 例如：你好---&gt; hello ------&gt;xxxxxx 2)轻量级:JSON相对于xml,文档更小，解析速度更快。 (2)语法1)表示一个对象 {属性名:属性值,属性名:属性值...} 比如: ...
JSON(JavaScript Object Notation）
qq_41141896的博客
06-24 306
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 <!--JSON对象...
javascript学习手册四：js对象
最新发布
06-28
JavaScript中的对象是一种无序的键/值对集合。您可以使用对象来存储任意数据类型，并且可以使用键来访问这些数据。 创建对象的方式有多种，其中一种是使用对象字面量语法： ``` let obj = { key1: value1, key2: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值