Js基础知识2-对象、对象属性全解
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-对象、对象属性全解的更多相关文章
- js基础知识之_对象
javascript 对象 1.基于对象 一切皆对象,以对象的概念来编程 2.面向对象的编程(oop,Object oriented programming) 1.对象 就是人们要研究的任何事物,不仅 ...
- 前端基础知识之html和css全解
前端回顾 目录 前端回顾 基础知识 HTTP协议 认识HTML HTML组成 HTML标签 div和span标签 特殊的属性 常用标签 认识css 选择器 属性 前端就是展示给用户并且与用户进行交互的 ...
- Js基础知识7-Es6新增对象Map和set数据结构
前言 JavaScript中对象的本质是键值对的集合,ES5中的数据结构,主要是用Array和Object,但是键只能是字符串.为了弥补这种缺憾,ES6带来了一种新的数据结构Map. Map也是键值对 ...
- vue.js基础知识篇(3):计算属性、表单控件绑定
第四章:计算属性 为了避免过多的逻辑造成模板的臃肿不堪,可使用计算属性来简化逻辑. 1.什么是计算属性 <!DOCTYPE html><html lang="en" ...
- js系列教程2-对象、构造函数、对象属性全解
全栈工程师开发手册 (作者:栾鹏) 快捷链接: js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算 ...
- JS基础知识笔记
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- NodeJs>------->>第三章:Node.js基础知识
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info 方法 console.log(" node app1.js 1> ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- Node.js基础知识
Node.js入门 Node.js Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...
随机推荐
- POJ-1179 Polygon (动态规划)
Polygon Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 5293 Accepted: 2238 Description P ...
- TOP100summit 2017:投资千亿成立达摩院,揭秘阿里在人工智能领域的探索
今天上午,阿里巴巴云栖大会在杭州开幕,第一条重磅消息是阿里首席技术官张建锋宣布成立达摩院,在全球各地建立实验室,3年内投入千亿在全球建立实验室.和高校建立研究所.建立全球研究中心等事务. 该院由全球实 ...
- Oracle管理监控之如何对数据库进行监控检查
oracle自动工作负载库(AWR):采集与性能相关的统计数据,并从统计的数据中导出性能量度,以跟踪数据库潜在的问题. 如何生成oracle数据库的自动负载库报告. 手工生成一份oracle数据库的快 ...
- 学习计划 mysql 引擎
-- 什么是引擎? 按照我现在的勒戒,就可以提供 Mysql 对不同表的处理方式,各有优缺点. 就像名字一样,把我们数据库看成法拉利的话,引擎也就是发送机,有的跑的快,有的距离长....... -- ...
- ssm框架整合shiro
1.导入shiro相应jar包,也可下载shiro-all.jar; 2.web.xml添加shiroFilter配置,类似于mvc <!-- shiro 安全过滤器--> <fil ...
- 【Pyton】【小甲鱼】类和对象
一.类 定义一个类,例子如下: class Turtle: #定义一个名为Turtle的类,Python中类型约定以大写字母开头 #属性 color='green' weight=10 legs=4 ...
- scrapy 爬网站 显示 Filtered offsite request to 错误
爬取zol 网站图片,无法抓取. 在 setting.py 文件中 设置 日志 记录等级 LOG_LEVEL= 'DEBUG' LOG_FILE ='log.txt' 查看日志 发现报 2015-11 ...
- jconsole监控远程 spring boot程序
监控java 程序 增加启动参数 java \ -Djava.rmi.server.hostname=192.168.1.97 \ -Dcom.sun.management.jmxremote \- ...
- [LeetCode] 476. Number Complement_Easy tag: Bit Manipulation
这个题目思路就是比如101 的结果是010, 可以从111^101 来得到, 那么我们就需要知道刚好比101多一位的1000, 所以利用 while i <= num : i <<= ...
- [LeetCode] 877. Stone Game == [LintCode] 396. Coins in a Line 3_hard tag: 区间Dynamic Programming, 博弈
Alex and Lee play a game with piles of stones. There are an even number of piles arranged in a row, ...