Js基础知识1-对象对象属性全解

Posted 2021-01-04 笠航

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函数一共可分为常规函数、数组函数、日期函数、数学函数、字符串函数等五类。

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