Object对象

Object对象包含如下属性和方法,也就意味着一切对象(函数也是对象)都包含如下方法。 
每种方法和属性在不同的对象中有不同的作用,并不是每种对象都有使用每个方法的必要。

下面是Object对象的派生对象在使用这些方法和属性时的意义。Object对象只是定义了他们,并没有使用他们。 
__proto__属性是保存当前对象的原型对象。对象通过这个属性产生了原型链,可以参考http://blog.csdn.net/luanpeng825485697/article/details/78547421

constructor属性

constructor属性是保存当前对象的构造函数,js通过构造函数来实现对象的实例化。

下面的例子中,constructor保存的就是Object构造函数。

var obj1 = new Object();
obj1.id = "obj1";
var obj2 = {
"id": "obj2"
}; console.log(obj1.constructor);//function Object(){}
console.log(obj2.constructor);//function Object(){}

hasOwnProperty(propertyName)方法

hasOwnProperty方法接收一个字符串参数,该参数表示属性名称,用来判断该属性是否在当前对象实例中,而不是在对象的原型链中。我们来看看下面这个例子:

var arr = [];    //实例化了一个Array对象
console.log(arr.hasOwnProperty("length"));//true
console.log(arr.hasOwnProperty("hasOwnProperty"));//false

在这个例子中,首先通过定义了一个数组对象的实例arr,我们知道数组对象实际是通过原型链继承了Object对象,然后拥有自己的一些属性,我们通过hasOwnProperty方法判断length是arr自己的属性,而hasOwnProperty是在原型链上的属性。

isPrototypeOf(Object)方法

isPrototype方法接收一个对象,用来判断当前对象是否在传入的参数对象的原型链上,说起来有点抽象,我们来看看代码。

*

*中间内容应该到后面再学习

*

Array数组

参考http://blog.csdn.net/luanpeng825485697/article/details/77009182

JS函数对象

任何函数function都派生于Funciton对象,而Function对象派生于Object对象。函数的详解可以参考:http://blog.csdn.net/luanpeng825485697/article/details/77010261

可以使用关键字function创建函数对象;无需指定返回值类型;参数列表声明不需var关键字;无函数重载;函数内部可以直接调用arguments数组(隐式定义),该数组存储了实参列表;函数名代表一种引用类型,可用(函数名 instanceof Function)测试;打印函数引用会输出整个函数定义。

3.1动态函数和匿名函数

1)动态函数: 动态函数是通过js的内置对象Function定义。形式为:new Function(arg1 , arg2),由于arg1和arg2为变量,所以可以动态指定。如:

var run = new Function(“x,y”,”return x+y;”);

2)匿名函数:没有函数名,形如:var run = function(x,y){return x+y;}; 
注:打印动态函数的引用可以发现动态函数也是匿名函数。

3.2 全局函数

String(object) 将一个对象值转换为一个字符串 
Number(object) 将一个对象的值转换为一个数字 
Eg:sum+=Number(cell.innerText); 
eval(str)接收一个字符串形式的表达式,并试图求出表达式的值。作为参数的表达式可以采用任何合法的操作符和常数。如果参数中包含JS命令,这些命令也可以被执行,就像这些命令是JS程序的一部分一样。 
函数可计算某个字符串,并执行其中的的 JavaScript 代码。eval(“2+3”) // 返回 5 
decodeURI(URIstring) 为加密的URI进行解码 
decodeURIComponent(URIstring) 为加密的URI组件解码 
encodeURI(URIstring) 将字符串加密为URI 
encodeURIComponent(URIstring) 将字符串加密为URI组件 
parseInt(str) 将一个字符串解析为一个整数,不是四舍五入操作,而是切尾 
试图从一个字符串中提取一个整数。可附加一个n整数实现返回n进制整数。如果在字符串中存在除了数字、符号、小数点和指数符号以外的字符,就停止转换,返回已有的结果。如果第一个字符就不能转换,函数就返回NaN值。 
parseFloat(str)试图从一个字符串中提取一个浮点值。如果在字符串中存在除了数字、符号、小数点和指数符号以外的字符,就停止转换并返回已有的结果。如果第一个字符就不能转换,函数就返回NaN值。 
isNaN()用于判断是否为NaN值类型,如果是函数返回true。 
isFinite(number)可以判断参数number是否是一个无穷。如果是则函数返回false,否则返回true。 
escape(string)对一个字符串进行解码 
接受一个字符串,这个字符串中可能含有空格、分号等字符。函数把字符串转换成Cookie的内部表示方式。函数返回值就是这种内部的表达方式。 
函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串 
unescape(string)接受一个Cookie,把其内部表达方式转化成普通的字符串形式。 JS函数一共可分为常规函数、数组函数、日期函数、数学函数、字符串函数等五类。

 var student1 = new Object();    //定义对象引用,或者var student1 = {},new Object()。所有的包装类都派生于Object。Object基类包含hasOwnProperty、isPrototypeOf、propertyIsEnumerable、toLocaleString、toString、valueOf方法
student1.name = "student1"; //直接设置同时添加对象属性
student1["age"]=12; //直接设置同时添加对象属性
student1.getname = function(){ //设置添加对象方法。函数表达式,只有在执行到本行才解析
return this.name; //this表示作用对象,这里为student1
};
//var {name:personname, age:personage} = student1; //解构赋值,对应项使用副本赋值,如[value1,value2]=[value2,value1];可实现两个基本数据交换
printf(JSON.stringify(student1)); //JSON.stringify把对象转化为JSON字符串表示 student1 = {
name:"student1",
_age:12, //前面有下滑线是一种常用的标记,用于表示只能通过对象方法访问的属性,只是对开发者的一种标记习惯,并不是真的私有变量
getname:function(){
return this.name;
}
};
Object.defineProperty(student1,"name1",{ //可以用于定义新数据属性,也可以修改原有数据属性。也可以不使用defineProperty可以直接定义数据属性。也可以使用defineProperties同时定义多个数据或访问器属性
writable:true, //对象属性的数据属性,是否可修改
enumerable:true, //对象属性的数据属性,通过for-in遍历到
configurable:true, //对象属性的数据属性,能否通过delete删除属性,configurable属性在定义为false以后,就不能再被设置
value:"sst" //对象属性的值属性,默认为underfined
});
Object.defineProperty(student1,"age",{ //访问器属性,不能直接定义,必须通过defineProperty定义,不包含数据值,设置时调用set函数,读取时调用get函数。访问器属性名称不要和数据属性名称相同
get:function(){return this._age},
set:function(newvalue){this._age=newvalue;this.name="xxt";}
});
student1.age=22; //age不是数据属性,而是访问属性。这里是调用了set函数,
Object.preventExtensions(student1);//设置对象不可被扩展,以后再添加属性都是underfined,防止被篡改
Object.seal(student1); //密封对象,对象不能添加删除属性。
Object.freeze(student1); //冻结对象,属性不可修改。只能通过set访问器修改
printf(JSON.stringify(student1)); //将JSON格式转化为字符串。JSON格式即KEY-VALUE格式
for(var myproperty in student1){ //for in遍历对象属性
console.log(myproperty,":",student1[myproperty]);
} function Student(name,age){ //自定义函数,构造函数,等同于java中的自定义类。所有的类型派生于Object
var sex="男"; //函数内部为私有属性
this.name=name; //通过this创建的是可以被实例对象访问的
this.age=age;
this.getName=function(){
return this.name; //函数内部this表示此函数引用的拥有者,不是传入参数。当作为全局函数时,this表示window
};
this.setName= function(name){ //函数不关心传入或者定义的参数数量和类型,因此所有函数没有重载
if(typeof name=="string") //基本数据类型,做类型检验,避免参数传递错误
this.name = name; //没有指定返回值,实际返回的是undefined
};
this.getAge =function (){
if(this.age.toFixed(2)<<2) //转化为false的值:"",0,NaN,null,underfined。其他转化为true,类型首字母大写,变量首字母小写,<<按位移动,<<<无符号按位移动,toFixed(2)表示保留2位小数
return -~this.age; //~按位取非,&按位取与,|按位取或 ^按位取异或,一元减号,表示取负
return this.age; //保证所有路径都有返回值,虽然不加也不会出错,因为有默认返回值undefined
};
this.setAge= function(age){ //函数参数总是按值传递,无论基本类型还是引用类型,引用类型传递引用的值,不传递指向对象的值
if(age instanceof Number){ //包装类型,做类型检验,避免参数传递错误
this.age = parseInt(age.toString(16),16);//parseInt将字符串化为整数,支持识别多进制和转化为多进制,toString()转化为字符串,支持多进制转化
}
//typeof判断基本类型,underfined声明未定义(underfined类型只有一个值),boolean布尔型,string字符串,number数值,object对象或null(null类也只有一个值),function函数
//instanceof判断包装类型,基本类型对象的包装类型为Underfined,Boolean,String,Number,Object,
typestr = typeof("getAge"); //省略var的变量为全局变量
}
}
student1=new Student("小明",12); //new是创建了一个新对象,构造函数将属性和方法绑定到这个新对象上
Student("小红",13); //作为全局函数。通过构造函数将属性绑定到window上
var student2 = new Object();
Student.call(student2,"小刚",14); //call和apply通过构造函数,将属性绑定到以存在对象student2上
if(student2 instanceof Student) //instanceof判断变量是否是某个类型或其派生类型实例的,student1是Student类,同时也是Object
printf(student2.name); //js的继承有多重方式。每种方式的内存操作都是不同。下面展示其中一种。
// js的类型继承原理和java、c#相同。派生类继承基类时,会实例化(浅复制)一个基类对象和保留引用在派生类空间。派生类内的实例的基类和派生类自定义的函数分别操控各自的属性。在函数和属性操作中时,会自动先派生后基类的顺序查找,不用手动查找
//关于实例化:只复制且全部复制在构造函数中开辟了内存的变量,包括引用变量。派生类实例化时基类对象进行浅复制。
function Monitor(){ //自定义函数,相当于自定义一个类,类名Monitor。在文件中多称为构造函数,相当于c++和java中的自定义类。每个函数类,都有基类Object
this.task=["学习"];
}
Monitor.prototype.data = "原型数据"; //prototype获取派生类的基类对象引用,通过基类对象引用直接为基类添加属性。系统会为派生类提供默认原型,也可以通过继承自定义原型
person1 = new Monitor(); //通过函数类实例化对象
person2 = new Monitor(); //实例化对象
Object.getPrototypeOf(person1).data="原型数据1"; //通过实例修改原型。Object.getPrototypeOf()获取对象原型。实例对象包含对原型的引用,但需要使用getPrototypeOf函数获取
person1.data="派生数据"; //修改派生类属性,这样当查找data数据会先自动搜索派生类,再自动搜素基类。 printf(person1.hasOwnProperty("data")); //是否拥有指定属性(不算基类属性)。true因为自定义了该属性
printf(person1.data); //读取自定义属性 var keys = Object.keys(Monitor.prototype); //获取对象所拥有(不包括继承的)的可枚举实例,Monitor是类,Monitor.prototype是基类实例。如果换成person1,则只能获取派生类的自定义属性。getOwnPropertyNames可获取对象拥有的所有属性
printf(keys);
delete person1.data; //删除派生类自定义的属性
printf(person1.hasOwnProperty("data")); //是否拥有指定属性。false,因为该属性在派生类中被删除了,只有基类中存在,虽然可以访问,但是是继承过来的,不是自己拥有的
printf("data" in person1); //是否包含指定属性。true包含,只是不拥有
printf(person1.data); //基类属性
Monitor.prototype.sex=["男"]; //通过派生类向基类添加数组引用变量
person1.sex.push("女"); //在实例对象中保留了基类的引用和浅复制了基类对象。这里的sex是经过了一次从派生类到基类的向上查询。
printf("基类中的引用:"+person2.sex); //实例对象连带更新。所以构造函数用于指定专属属性,原型用于存放共享属性
person1.task.push("工作"); //修改构造函数中引用指向的对象
printf("派生类中的引用:"+person2.task); //实例对象不连带更新构造函数中的数据。因为实例化时会深复制构造函数中的所有数据,在实例化时为每个对象都创建 Monitor.prototype=new Student("组长",12); //继承,派生类Person设置基类为Student。在继承中会为浅复制一个基类实例放在派生类空间中,同时将引用存储为prototype,放在派生类Person中

转自:https://blog.csdn.net/luanpeng825485697/article/details/77009776

Js基础知识2-对象、对象属性全解的更多相关文章

  1. js基础知识之_对象

    javascript 对象 1.基于对象 一切皆对象,以对象的概念来编程 2.面向对象的编程(oop,Object oriented programming) 1.对象 就是人们要研究的任何事物,不仅 ...

  2. 前端基础知识之html和css全解

    前端回顾 目录 前端回顾 基础知识 HTTP协议 认识HTML HTML组成 HTML标签 div和span标签 特殊的属性 常用标签 认识css 选择器 属性 前端就是展示给用户并且与用户进行交互的 ...

  3. Js基础知识7-Es6新增对象Map和set数据结构

    前言 JavaScript中对象的本质是键值对的集合,ES5中的数据结构,主要是用Array和Object,但是键只能是字符串.为了弥补这种缺憾,ES6带来了一种新的数据结构Map. Map也是键值对 ...

  4. vue.js基础知识篇(3):计算属性、表单控件绑定

    第四章:计算属性 为了避免过多的逻辑造成模板的臃肿不堪,可使用计算属性来简化逻辑. 1.什么是计算属性 <!DOCTYPE html><html lang="en" ...

  5. js系列教程2-对象、构造函数、对象属性全解

    全栈工程师开发手册 (作者:栾鹏) 快捷链接: js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算 ...

  6. JS基础知识笔记

    2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...

  7. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  8. NodeJs>------->>第三章:Node.js基础知识

    第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> ...

  9. HTML+CSS+JS基础知识

    HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...

  10. Node.js基础知识

    Node.js入门   Node.js     Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...

随机推荐

  1. Java--TestNG

    TestNG类的配置信息:  @BeforeSuite:在此套件中的所有测试运行之前,将运行带注释的方法.  @AfterSuite:在此套件中的所有测试运行后,将运行带注释的方法.  @Before ...

  2. UVA 11768 - Lattice Point or Not

    首先本题需要用到扩展欧几里得算法…… 关于exgcd算法的一点简略证明: 那么,对于函数exgcd(a,b)=(d,x,y),其中d满足d=gcd(a,b); (x,y)满足ax+by=d; 则exg ...

  3. 【紫书】【重要】Not so Mobile UVA - 839 递归得漂亮

    题意:判断某个天平是否平衡,输入以递归方式给出. 题解:递归着输入,顺便将当前质量作为 &参数 维护一下,顺便再把是否平衡作为返回值传回去. 坑:最后一行不能多回车 附:天秀代码 #defin ...

  4. CodeForces - 586D Phillip and Trains 搜索。vis 剪枝。

    http://codeforces.com/problemset/problem/586/D 题意:有一个3*n(n<100)的隧道.一个人在最左边,要走到最右边,每次他先向右移动一格,再上下移 ...

  5. Python高阶函数:map、reduece、filter

    笔记中函数简介: map函数:遍历序列,对序列中每个元素进行操作,最终获取新的序列. reduce函数:对于序列内所有元素进行累计操作. filter函数:对于序列中的元素进行筛选,最终获取符合条件的 ...

  6. Linux umask限制导致php的mkdir 0777无效

    原因:mkdir权限受当前linux umask限制 解决方法: $oldmask = umask(0); mkdir("test", 0777); umask($oldmask) ...

  7. ubuntu ssh 连接加速

    vi /etc/ssh/sshd_config 最后加上 UseDNS no

  8. Ubuntu 14.04 使用速度极快的Genymotion 取代蜗牛速度的原生AVD模拟器

    Ubuntu 14.04 使用速度极快的Genymotion 取代蜗牛速度的原生AVD模拟器 2014-5-29阅读4045 评论0         默认的AVD的速度可谓奇慢无比,一番搜索最后找到了 ...

  9. 内核futex的BUG导致程序hang死问题排查

    https://mp.weixin.qq.com/s/sGS-Kw18sDnGEMfQrbPbVw 内核futex的BUG导致程序hang死问题排查 原创: 王领先 58架构师 今天   近日,Had ...

  10. It is not based on WSGI, and it is typically run with only one thread per process.

    Tornado Web Server — Tornado 5.1.1 documentation http://www.tornadoweb.org/en/stable/