对象 - 简书

在js中有一句话叫：“万物皆对象”

JavaScript 中的所有事物都是对象：字符串String、数值Number、数组Array、函数Function...

一、对象的定义：

对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。

对象只是带有属性和方法的特殊数据类型，并且有一个原型对象。原型要么是一个对象，要么是null值。

二、对象的创建

通过Object对象创建

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

使用构造器创建对象

function person(firstname,lastname,age,eyecolor)
{
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
}

使用对象字面量创建对象
```
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};
```
区别：

经过个人总结，对象字面量就是不用js的new操作符创建实例。

zimianliang.jpg

1.对象字面量比new Object() 更高效；{}是字面量，可以立即求值，而new Object()本质上是方法（只不过这个方法是内置的）调用，既然是方法调用，就涉及到在proto链中遍历该方法，当找到该方法后，又会生产方法调用必须的堆栈信息，方法调用结束后，还要释放该堆栈；

2.万万没想到

console.time("start{}");
for(let i =0;i<=1000;i++){

  let a={
      b:1,
      c:2
  }
}
console.timeEnd("start{}");
console.time("start new");
for(let i =0;i<=1000;i++){

  let a=new Object();
  a.b=1;
  a.c=2;
}
console.timeEnd("start new");

//输出：start{}: 0.098876953125ms
//     start new: 0.173095703125ms

三、对象的分类：

普通对象Object

除开函数对象之外的对象都是普通对象

var foo = {
  x: 10,
  y: 20
};

函数对象Function Object

什么是函数对象？

  函数对象就是函数。函数对象对应的类型是Function。

怎么创建函数对象？

1.通过Function构造函数进行创建
var fname = new Function("test", "alert(''+test);"); 
第一个参数实际上是表示要传入函数中的参数，二第二个参数表示的是当前的函数要执行的过程。
两个参数实际上都是string类型的。在上面的形式中，每个 arg 都是一个参数，最后一个参数是函数主体（要执行的代码）;但是又上可以看出实际上当前的内容是十分的繁杂。用这种方法，执行效率方面会打折扣，且似乎无法传递参数，所以少用为妙。
2.通过关键字function创建具名函数
function fname(test){ alert(""+test); }
这种创建方式也叫作函数声明
3.通过关键字function创建匿名函数
var fname = function(test){alert(""+test);}
这种创建方式也叫作函数表达式

函数表达式和函数声明

函数声明:

function 函数名称 (参数：可选){ 函数体 }

函数表达式：

function 函数名称（可选）(参数：可选){ 函数体 }

ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符

  function foo(){} // 声明，因为它是程序的一部分
  var bar = function foo(){}; // 表达式，因为它是赋值表达式的一部分

  new function bar(){}; // 表达式，因为它是new表达式

  (function(){
    function bar(){} // 声明，因为它是函数体的一部分
  })();

所以，可以看出，如果不声明函数名称，它肯定是表达式，可如果声明了函数名称的话，如何判断是函数声明还是函数表达式呢？ECMAScript是通过上下文来区分的，如果function foo(){}是作为赋值表达式的一部分的话，那它就是一个函数表达式，如果function foo(){}被包含在一个函数体内，或者位于程序的最顶部的话，那它就是一个函数声明。

区别

函数声明会在任何表达式被解析和求值之前先被解析和求值（声明的作用域提升，讲作用域的时候详细解说），即使你的声明在代码的最后一行，它也会在同作用域内第一个表达式之前被解析/求值，函数声明在JS解析时进行函数提升，因此在同一个作用域内，不管函数声明在哪里定义，该函数都可以进行调用。而函数表达式的值是在JS运行时确定，并且在表达式赋值完成后，该函数才能调用。参考如下例子：

1 funDeclaration("Declaration");//=> true
2 function funDeclaration(type){
3 return type==="Declaration";
4 }

1 funExpression("Expression");//=>error
2 var funExpression = function(type){
3 return type==="Expression";
4 }

函数声明的实际规则如下：

函数声明只能出现在程序或函数体内。从句法上讲，它们不能出现在Block（块）（{ ... }）中，例如不能出现在 if、while 或 for 语句中。因为 Block（块）中只能包含Statement语句，而不能包含函数声明这样的源元素。另一方面，仔细看一看规则也会发现，唯一可能让表达式出现在Block（块）中情形，就是让它作为表达式语句的一部分。但是，规范明确规定了表达式语句不能以关键字function开头。而这实际上就是说，函数表达式同样也不能出现在Statement语句或Block（块）中（因为Block（块）就是由Statement语句构成的）。

注：切忌不要在if 、else 、for 、while 等逻辑控制等语句中创建函数声明或者函数表达式

使用Function创建函数的注意点

从技术角度讲，这是一个函数表达式。一般不推荐用这种方法定义函数，因为这种语法会导致解析两次代码（第一次是解析常规ECMAScript代码，第二次是解析传入构造函数中的字符串），从而影响性能。

var name='bianbumei';
    function fun(){
        var name='zhaoyongfu';
        return new Function('return name');//不能获取局部变量
    }
 console.log(fun()());//bianbumei

Function()构造函数每次执行时都会解析函数主体，并创建一个新的函数对象，所以当在一个循环或频繁执行的函数中调用Function()构造函数效率是非常低的。而函数表达式却不是每次遇到都会重新编译的，用Function()构造函数创建一个函数时并不遵循典型的作用域，它一直把它当作是顶级函数来执行。

自调用函数

函数表达式可以 "自调用"。

自调用表达式会自动调用。

如果表达式后面紧跟 () ，则会自动调用。

不能自调用声明的函数。

通过添加括号，来说明它是一个函数表达式：

(function () {
    var x = "Hello!!";      // 我将调用自己
})()；
//这个方式其实可以转化成这样子
let fun=function () {
    var x = "Hello!!";      // 我将调用自己
};
fun();

对象

在js中有一句话叫：“万物皆对象”

一、对象的定义：

二、对象的创建

区别：

三、对象的分类：

自调用函数