手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript中使用new与不使用实例化对象的区别
javascript中使用new与不使用实例化对象的区别
摘要:我们先来看个实例functionMe(name,age,job){this.name=name;this.age=age;this.job=...

我们先来看个实例

function Me(name,age,job){ this.name = name; this.age = age; this.job = job; }

请问这以下两种实例化对象方式有什么区别呢?

var mefun1 = new Me('fei','20','it'); var mefun2 = Me('fei','20','it');

简单的说

第一种是构造函数式,即通过new运算符调用构造函数Function来创建函数

第二种不是实例化,只是调用函数把返回值赋给变量。

再扩展下

JavaScript 中并没有真正的类,但JavaScript 中有构造函数和new 运算符。构造函数用来给实例对象初始化属性和值。任何JavaScript 函数都可以用做构造函数,构造函数必须使用new 运算符作为前缀来创建新的实例。

new 运算符改变了函数的执行上下文,同时改变了return 语句的行为。实际上,使用new和构造函数很类似于传统的实现了类的语言:

// 实例化一个Me var alice = new Me('alice', 18, 'Coder'); // 检查这个实例 assert( alice instanceof Me );

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

一种习惯用法。

// 不要这么做! Me('alice', 18, 'Coder'); //=> undefined

这个函数只会返回undefined,并且执行上下文是window(全局)对象,无意间创建了3个全局变量name,age,job。调用构造函数时不要丢掉new 关键字。

当使用new 关键字来调用构造函数时,执行上下文从全局对象(window)变成一个空的上下文,这个上下文代表了新生成的实例。因此,this 关键字指向当前创建的实例。尽管理解起来有些绕,实际上其他语言内置类机制的实现也是如此。

默认情况下,如果你的构造函数中没有返回任何内容,就会返回this——当前的上下文。

要不然就返回任意非原始类型的值.

以上所述就是本文的全部内容了,希望大家能够喜欢。

【javascript中使用new与不使用实例化对象的区别】相关文章:

Javascript中For In语句用法实例

javascript生成不重复的随机数

javascript实现表格增删改操作实例详解

JavaScript使用addEventListener添加事件监听用法实例

javascript组合使用构造函数模式和原型模式实例

JavaScript中Cookies的相关使用教程

在JavaScript中正确引用bind方法的应用

Javascript中Date类型和Math类型详解

javascript实现行拖动的方法

javascript中innerText和innerHTML属性用法实例分析

精品推荐
分类导航