4-JS对象
js中哪些是对象
除了字符串、数字、false、true、null和undefined之外,JavaScript中的值都是对象
原型(prototype)
每一个JavaScript对象(null除外)都和另一个对象相关联。“另一个对象”指原型,每一个对象都从原型继承属性。
所有通过直接量创建的对象都具有同一个原型对象,并可以通过JavaScript代码Object.prototype获得原型对象的引用。通过关键字new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值。例如: 通过 new Array()创建的对象的原型就是Array.prototype.没有原型的对象为数不多,Object.prototype就是其中之一。它不继承任何属性。其他原型对象都是普通对象,普通对象都具由原型。
对象的创建
var obj1 = {a: '1', b: 1, c:(x) => {console.log(x)}}
var obj2 = new Object()
var o1 = Object.create({x:1,y:2}) //o1继承了属性x和y
var o2 = Object.create(null); //o2不继承任何属性和方法,该方法用来创建一个没有原型的新对象
var o3 = Object.create(Object.prototype); //o3和{}和newObject()一样
对象的查询(get)和设置(set)
var book = {name:"book1"};
var name = book.name; //获得book的”name”属性
var name2 = book["name"]; //获得book的”name”属性
book.title = "title1"; //给book创建一个名为”title1的属性”
book["name"] = "book3"; //给“name”属性赋值
删除属性(delete)
delete运算符可以删除对象的属性,delete只是断开属性和宿主对象的联系,而不会去操作属性中的属性。delete运算符只能删除自有属性,不能删除继承属性。
delete book.name; //book不再有属性name
delete book["name"] //book不再有属性”name”
o = {x:1}; //o有一个属性x,并且继承属性toString
delete o.x; //删除x,返回true
delete o.x; //什么都没做(x已经不存在了),返回true
delete o.toString; //什么也没做(toString是继承的),返回true
delete 1; //无意义,返回true
检测属性
可以通过in运算符、hasOwnPreperty()和propertyIsEnumerable()方法来完成这个工作,甚至仅通过属性查询也可以做到这点。
var o = {x: 1};
"x" in o; //true :”x”是o的对象
"y" in o; //false:”y“不是o的对象
"toString" in o; //true:o继承toString属性
var o = {x: 1};
o.hasOwnProperty("x"); //true: o有一个自由属性x
o.hasOwnProperty("y"); //false: o中不存在属性y
o.hasOwnProperty("toString"); //false: toString是继承属性
除了用in运算符之外,另一种更简便的方法是使用”!==”判断一个属性是否是undefined:
o.x !== undefined; //true: o中有属性x
o.y !== undefined; //false: o中没有属性y
o.toString !== undefined; //true: o继承了toString属性
枚举属性
对象继承的内置方法是不可枚举的,但在代码中给属性添加的属性都是可枚举的。
var o = {x: 1, y: 2, z: 3}; //三个可枚举的自由属性
o.propertyIsEnumerable("toString") //false,不可枚举
//遍历属性
for(p in o){
console.log(p); //输出x、y和z,不会输出toString
}
4-JS对象的更多相关文章
- JS对象继承篇
JS对象继承篇 ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的 原型链 其基本思路是利用原型让一个引用类型继承另一个引用类型的属性和方法 function Person() ...
- JS 对象封装的常用方式
JS是一门面向对象语言,其对象是用prototype属性来模拟的,下面,来看看如何封装JS对象. 常规封装 function Person (name,age,sex){ this.name = na ...
- JSON字符串和JS对象之间的转换
JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eva ...
- js 对象的_proto_
js 对象呢,有个属性叫_proto_,以前没听说过,也没关注,最近看这个原型,就被迫知道了这个东西,js 这里面的东西,真是规定的很奇怪,具体为啥也不知道,就测试发现的,对象的_proto_属性,和 ...
- js对象/数组深度复制
今天碰到个问题,js对象.数组深度复制:之前有见过类似的,不过没有实现函数复制,今晚想了一下,实现代码如下: function clone(obj) { var a; if(obj instanceo ...
- js对象的深度克隆
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js对象详解
js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在J ...
- js对象常用2中构造方法
//js 对象的构造方法通常有2中情况: //第一种是通过json对象构造 var persion={ name:"孙悟空", age:40, eat:function () { ...
- JS对象复制
在JavaScript很多人复制一个对象的时候都是直接用"=",因为大家都觉得脚本语言是没有指针.引用.地址之类的,所以直接用"="就可以把一个对象复制给另外一 ...
- js对象私有变量公有变量问题
0 js对象私有变量公有变量问题5 小弟初学JS面向对象编程 现有一问题 请教各位大虾: Person=function (){ //私有变量定义 var name; vae age; var Ale ...
随机推荐
- demo16Toast
/Users/alamps/AndroidStudioProjects/demo16Toast/demo16Toast/src/main/res/layout/activity_main.xml &l ...
- paper 69:Haar-like矩形遍历检测窗口演示Matlab源代码[转载]
Haar-like矩形遍历检测窗口演示Matlab源代码 clc; clear; close all; % Haar-like特征矩形计算 board = 24 % 检测窗口宽度 num = 24 % ...
- 夺命雷公狗---Thinkphp----10之后台登录.注销一条龙
首先我们还是还是写一个控制器名字叫LoginController.class.php的控制器,首先来写一个code的方法来让验证码先显示出来: public function Code(){ //创建 ...
- ASP.NET MVC(二)
休息一下还是继续ASP.NET MVC 的基础知识. 这篇文件我想和大家一起熟悉下ASP.NET MVC项目的目录结构及dll. 1. ASP.NET MVC 项目的目录结构 App_Data: 存 ...
- println()函数输出int类型返回值错误的问题
out.println(); 在用这个语句输出其他类返回大的int类型的数据的时候,注意输出错误. 例如: out.println(class1.方法()): 导致错误: our.println(c ...
- PHP弱类型安全问题的写法和步骤
鉴于目前PHP是世界上最好的语言,PHP本身的问题也可以算作是web安全的一个方面.在PHP中的特性就是弱类型,以及内置函数对于传入参数的松散处理.本篇文章主要就是记录我在做攻防平台上面遇到的PHP的 ...
- HDU 1890:Robotic Sort(Splay)
http://acm.hdu.edu.cn/showproblem.php?pid=1890 题意:有一个无序序列,经过不断地翻转,使得最后的序列是一个升序的序列,而且如果相同数字要使在原本序列靠前的 ...
- ecshop发票不能使用出现flow.php on line 723等报错
最模板给客户ecshop网站做编码转换出现个问题,网站在点结算页面出现Warning: Invalid argument supplied for foreach flow.php on line 7 ...
- StringBuffer类的方法
public class Page116 { /** * StringBuffer类的练习 * @param args * @throws IOException */ public static v ...
- js命名空间笔记
在量比较大或者多人编写的情况下,命名冲突就很有可能发生,同一个页面引用了两个命名相同功能不同的文件,调用的时候就会出问题.因此使用JS命名空间很重要. 1.采用字面量方法创建命名空间: var a={ ...