对象

在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();

你可能感兴趣的:(对象)