js用new实例化对象与直接调用的this的区别

JavaScript025

js用new实例化对象与直接调用的this的区别,第1张

function Fun(argument1,argument2){

return this

}

//直接调用

var f1 = Fun()// window {}

//实例化对象

var f2 = new Fun()// Fun {}

f1 只是调用 Fun函数,而 f2是实例化对象 Fun。两个的this指向的不是同个地方。调用函数的this指向的是window,实例化对象的this指向的是对象本身。

(构造函数的命名通常使用驼峰命名法,首字母大写,以此和普通的函数区分开来,这是一种习惯用法。)

测试例子:

如上,f只是调用fun1,输出的第一个this是指向window的。fun2也只是调用,所以this也是指向windowde。a是实例化的对象,this指向的是fun3实例化后的对象。

如果做下面调整。

如上,fun1跟fun3是被实例化,this指向对象本身,fun2只是调用,this指向window。

那给this的属性赋值会有什么样的结果呢?

调用函数里面的this属性赋值都是给window赋值的。

如果 fun1()改成 var a = new fun1()呢?

大家仔细看看输出的结果。

new创建对象的符号。比如new

Object(),new

Array()

this可以代表对象,比如this可以代表window,也可以代表某个元素。具体的要看this所处的当前作用域。

Date是日期对象,用的时候要实例化。

实例化:d=new

Date()

操作对象,主要是操作对象的属性和方法

js可以创建并使用的对象有三种:本地对象、内置对象和宿主对象。本地对象就是ECMA-262定义的类(引用类型),应该都是可以new的。另外自己定义或继承的对象(函数)都是可以new的。ECMA-262把内置对象(built-inobject)定义为“由ECMAScript实现提供的、独立于宿主环境的所有对象,在ECMAScript程序开始执行时出现”。这意味着开发者不必明确实例化内置对象,它已被实例化了。所有非本地对象都是宿主对象(hostobject),即由ECMAScript实现的宿主环境提供的对象。所有BOM和DOM对象都是宿主对象。希望可以帮到你