创建对象的4种方式
var obj = {name:"zyx456"};
对象字面量是一个名/值对列表,每个名/值对之间用逗号分隔,名和值之间用冒号分隔,最后整体用一个花括号括起来。
属性名可以使用数值,比如5。数值属性名会自动转换为字符串。
var person = {"name" : "Nicholas","age" : 29,5 : true};
属性名一般不加引号,以下情况必须加引号:
在ES5(以及ES3的一些实现)中,保留字可以用做不带引号的属性名。然而对于ES3来说,使用保留字作为属性名必须使用引号引起来。
例子:
var person = {
name : "Nicholas",
age : 29};
在ES5中,对象直接量中的最后一个属性后的逗号可以省略,且在ES3的大部分实现中也可以忽略这个逗号,但在IE中则报错。
使用对象字面量语法时,如果留空其花括号,则可以定义只包含默认属性和方法的空对象。
var obj = {};
对象字面量也可以先创建,再添加属性和方法。
var person = {}; //与new Object()相同
person.name = "Nicholas";
person.age = 29;
在通过对象字面量定义对象时,实际上不会调用Object构造函数。
对象可以嵌套对象:
例如:
var myHome={
population : "10,000" ,
area : "10,000" ,
adress : { // 属性
country : "China" ,
province : "shanxi" ,
city : "xian"
},
say : function(){ // 方法
return "My hometown is very beautiful ! ";
}
}
或
//构造嵌套的对象
var SchoolData = {
code: "0123-456-789",
Tel: "0551-1234567",
Fax: "0551-7654321"
};
//构造被嵌入的对象
var ZGKJDX = {
name: "中国科技大学",
address: "安徽·合肥",
grade: "高等学府",
number: "13400",
//嵌套对象SchoolData
data: SchoolData,
};
有一个缺点:如果我们想在其他地方创建一个同样的对象,就得把这个对象的所有代码都复制粘贴过去。我们需要一种能够批量创建同样对象的方法,而不是只创建一个对象。
有一个问题:即无法保证属性的顺序。
添加属性的顺序可能并不是遍历输出属性时的顺序。
例如
var o = {}
o.a = 1
o.b = 2
o.c = 3
for(key in o) console.log(key); // expected a,b,c - but not guaranteed to be in that order
Object 对象也缺乏forEach的方法,不能对object使用通常的迭代方法。
o.forEach // undefined
var obj = new Object();
这里的函数称做构造函数(constructor)。
如下所示:
var person = new Object();
person.name = "Nicholas";
person.age = 29
如果构造函数无参数,括号则不是必需的。
因此可以采用下面的形式重写上面的两行代码:
var oObject = new Object;
var oStringObject = new String;
var str = new String();
console.log(str); // 输出的是 String{length:0,[[PrimitiveValue]]:""}
console.log(typeof str);//object;
JS原始类型都包含内置构造函数。例如:
var o = new Object(); // 创建一个空对象,和{}一样
var a = new Array(); // 创建一个空数组,和[]一样
var d = new Date(); // 创建一个表示当前时间的Date对象
var r = new RegExp("js"); //创建一个可以进行模式匹配的EegExp对象
在JS中,通过 new 运算符来作用与一个函数,实质上会发生这样的过程:
首先,创建一个空对象,然后用函数的apply方法,将这个空对象传入作为 apply 的第一个参数,作为上下文参数。也就是this的指向。
var triangle = new Shape("triangle");
//上一句相当于下面的代码
var triangle = {};
Shape.apply(triangle, ["triangle"]);
function A(o){
this.name = "moyu"
}
let obj = new a();
例子:
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");
在自定义构造函数的内部定义对象的方法:
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("Ballmer");
Object.create()是一个静态函数,而不是提供给某个对象实例调用的方法。
var o1 = Object.create({x:1, y:2}); // o1继承了属性x和y
可以通过任意原型创建新对象(换句话说,可以继承任意对象)。
第一个参数是这个新对象的原型。
第二个参数属性描述符对象propertiesObject,用于对对象的属性进行进一步描述。可选。
属性描述符对象中的属性,默认不可枚举,是继承的属性。
如果propertiesObject指定为 undefined,那么是空对象{}。如果是null或非原始包装对象,则抛出一个 TypeError 异常。
o = Object.create(Object.prototype, {
// foo会成为所创建对象的数据属性
foo: {
writable:true,
configurable:true,
value: "hello"
},
// bar会成为所创建对象的访问器属性
bar: {
configurable: false,
get: function() { return 10 },
set: function(value) {
console.log("Setting `o.bar` to", value);
}
}
});
返回一个新对象,带着指定的原型对象和属性。
例子:
var obj = Object.create({}, {p: {value: 42}});
Object.values(obj); // => []
上面代码中,Object.create()方法的第二个参数添加的对象属性(属性p),如果不显式声明,默认是不可遍历的,因为p是继承的属性,而不是对象自身的属性。
可以通过传入参数null来创建一个没有原型的新对象,但通过这种方式创建的对象不会继承任何东西,甚至不包括基础方法,比如toString(),也就是说,它将不能和“+”运算符一起正常工作:
var o2 = Object.create(null); //o2不继承任何属性和方法
如果想创建一个普通的空对象(比如通过{}或new Object()创建的对象),需要传入Object.prototype:
var o3 = Object.create(Object.prototype); //o3和{}和new Object()一样
例子:通过原型继承创建一个新对象。
inherit() 返回了一个继承自原型对象p的新对象。
这里使用ES5中的Object.create()函数(如果存在的话)。
如果不存在Object.create(),则退化使用其他方法。
function inherit(p) {
if (p == null) throw TypeError(); // p是一个对象,但不能是null
if (Object.create) return Object.create(p); // 如果Object.create()存在,直接使用它
var t = typeof p; // 否则进行进一步检测
if (t !== "object" && t !== "function") throw TypeError();
function f() {}; // 定义一个空构造函数
f.prototype = p; //将其原型属性设置为p
return new f(); //使用f()创建p的继承对象
}
var o = {};
o.x = 1;
var p = inherit(o); // p继承o和Object.prototype
p.y = 2;
var q = inherit(p);
q.z = 3;
var s = q.toString();
q.x + q.y // => 3: x和y分别继承自o和p
注意,inherit()并不能完全代替Object.create(),它不能通过传入null原型来创建对象,而且不能接收可选的第二个参数。
inherit()函数的其中一个用途就是防止库函数无意间(非恶意地)修改那些不受你控制的对象。
不是将对象直接作为参数传入函数,而是将它的继承对象传入函数。
当函数读取继承对象的属性时,实际上读取的是继承来的值。
如果给继承对象的属性赋值,则这些属性只会影响这个继承对象自身,而不是原始对象:
var o = { x: "don't change this value" };
library_function(inherit(o)); // 防止对o的意外修改
ECMA-262把对象定义为:”无需属性的集合,其属性可以包含基本值、对象或者函数。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。正因为这样,我们可以把ECMAScript的对象想象成散列表:无非就是一组名对值,其中值可以是数据或函数。
这篇文章讲解Js数组和对象的一些使用技巧,如何将不同的数组,对象合并/结合为1个的方法
在JavaScript中可以使用 . 或者 [ ] 来访问对象的属性,但是对象中方法只能通过 . 来获取;使用.运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。但是这两种方式有什么区别了?
对象使用obj.length时,它得到的值是undefined的,所以只能通过for...in循环获取对象的属性,我们发现并没有按属性的顺序显示,而且顺序在各个浏览器下显示也不同。 这是为什么呢?
JS声明对象时属性名加引号与不加引号的问题,一般情况下属性名加引号和不加引号是都可以的,效果是一样的。如果属性名是数字,则必须用“”包围,并且用 [] 方括号访问。
javascript的原生对象:也叫内部对象、本地对象、native object;内置对象:Global(全局对象)、Math ;宿主对象:有宿主提供的对象,在浏览器中window对象以及其下边所有的子对象(如bom、dom等等),在node中是globla及其子对象,也包含自定义的类对象。
判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式。一点( . )或者方括号( [ ] )、二in 运算符、三hasOwnProperty()。三种方式各有优缺点,不同的场景使用不同的方式,有时还需要结合使用
error,指程序中的非正常运行状态,在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。
由于JavaScript的灵活性,我们可以轻易地重写(override)一些于其他人定义的对象(object)。换句话说,任何人都可以重写我们所定义的对象。这是一个非常强大的特性,许多开发者都有兴趣试试,来拓展或者修改某些对象的行为。
虽然现在已经是ES6的时代,但是,还是有必要了解下ES5是怎么写一个类的。本文详述JavaScript面向对象编程中的类写法,并分步骤讲述如何写出优雅的类。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!