[概念] javascript构造函数和普通函数的

[概念] javascript构造函数和普通函数的

javascript构造函数和普通函数的区别是什么:

  1. 调用方式的区别:

    1. 构造函数需要使用new运算符调用,如果构造函数没有参数可以省略小括号,比如new Object。
    2. 普通函数的调用不需要new运算符,而且必须要有小括号。 关于new的作用可以参阅js的new运算符的作用简单介绍一章节。
  2. this的指向问题:
    1. 构造函数的this会被绑定到创建的对象实例上。
    2. 普通函数的this则属于此函数的调用者。
  3. 命名方式:
    1. 构造函数名称通常首字母要大些。
    2. 普通函数名称首字母要小写,使用驼峰命名方式。 构造函数

使用构造器创建对象

在 JavaScript 中,构造器其实就是一个普通的函数。当使用 new 操作符 来作用这个函数时,它就可以被称为构造方法(构造函数)。

我的理解:构造函数 就是 类了。 构造函数的 原型 可 扩展 实例化 后 的 方法。 构造函数只有在被new操作符调用的时候才能称之为构造函数。其它时候,它就是一个普通函数。这样构造函数的特殊性还不如说是 new 操作符的 作用 —— 创建对象,并返回对象本身。

通过构造函数 创建的 对象 与 普通的 var object = {} 应该是没区别的吧。

JavaScript中的普通函数与构造函数

与普通函数相比,构造函数有以下明显特点

  1. 用new关键字调用 var prince=new Prince("charming",25);
  2. 函数内部可以使用this关键字
    在构造函数内部,this指向的是构造出的新对象。用this定义的变量或函数/方法,就是实例变量或实例函数/方法。需要用实例才能访问到,不能用类型名访问。 prince.age;//25 Prince.age;//undefined
  3. 默认不用return返回值 构造函数是不需要用return显式返回值的,默认会返回this,也就是新的实例对象。当然,也可以用return语句,返回值会根据return值的类型而有所不同,细节将在下文介绍。
  4. 函数命名建议首字母大写,与普通函数区分开。 不是命名规范中的,但是建议这么写。

使用new关键字实例化的时候发生了什么?

以上文中的Prince()函数举个栗子:

  1. 第一步,创建一个空对象。 var prince={}
  2. 第二步,将构造函数Prince()中的this指向新创建的对象prince。
  3. 第三步,将prince的_proto_属性指向Prince函数的prototype,创建对象和原型间关系
  4. 第四步,执行构造函数Prince()内的代码。

构造函数有return值怎么办?

构造函数里没有显式调用return时,默认是返回this对象(这个时候,必须要 使用new关键字来调用吧),也就是新创建的实例对象。 当构造函数里调用return时,分两种情况:

  1. return的是五种简单数据类型:String,Number,Boolean,Null,Undefined。 这种情况下,忽视return值,依然返回this对象。
  2. return的是Object 这种情况下,不再返回this对象,而是返回return语句的返回值。
    function Person(name){
        this.name=name;
        return {name:"cherry"}
    }
    var person=new Person("sheila");
    person.name;//cherry
    person;//Object {name: "cherry"}
时间: 2024-10-14 13:30:19

[概念] javascript构造函数和普通函数的的相关文章

JavaScript中的普通函数与构造函数比较

问题 什么是构造函数?构造函数与普通函数区别是什么?用new关键字的时候到底做了什么?构造函数有返回值怎么办?构造函数能当普通函数调用吗? thisthis永远指向当前正在被执行的函数或方法的owner.例如: 1 2 3 4 5 function test(){   console.log(this); } test(); //Window {top: Window, window: Window, location: Location, external: Object, chrome: O

JavaScript中的构造函数和工厂函数

JavaScript中的工厂函数 1 function crateHero (name,blood,weapoon) { 2 var o = new Object(); 3 o.name = name; 4 o.blood = blood; 5 o.weapoon = weapoon; 6 o.attch = function () { 7 console.log(this.name+"用"+this.weapoon+"进行了攻击"); 8 } 9 return o

理解与使用Javascript中的回调函数 -2

在javascript中回调函数非常重要,它们几乎无处不在.像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply()函数的,或者有一些简短的关于callback的使用示例. 函数也是对象 想弄明白回调函数,首先的清楚地明白函数的规则.在javascript中,函数是比较奇怪的,但它确确实实是对象.确切地说,函数是用 Function()构造函数创建的Function对象.Function对象包含一个字符串,字符串

JavaScript中的匿名函数及函数的闭包以及作用域

1. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85

JavaScript学习03 JS函数

JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的参数可以任意多个,不用声明变量类型,只用给出变量名: function myFunction(name, job) { 这里是要执行的代码 } 函数返回值 在函数中使用return语句,函数会停止执行,返回调用它的地方. 函数的返回值也不用声明类型,直接返回即可. function myFuncti

javascript构造函数及原型对象

/** @ javascript中没有类的概念,所以基在对象创建方面与面向对象语言有所不同* @ 对象创建的常用方法及各自的局限性* @ 使用Object或对象字面量创建对象* @ 工厂模式创建对象* @ 构造函数模式创建对象* @ 原型模式创建对象* @ 构造与原型混合模式创建对象*/ 使用Object或对象字面量创建对象 /* * @ 使用Object或对象字面量创建对象 * @ 最基本的创建对象的方法 */ // 创建一个student对象, new一个Object var student

javascript 构造函数方式定义对象 (转载)

javascript 构造函数方式定义对象 javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 <html> <head> <script type="text/javascript"> /* //01.定义对象第一种方式 var object =new Object(); alert(object.username); //01.1增加属性username object["username&q

JavaScript构造函数的prototype属性

JavaScript中没有类的概念,所以其在对象创建方面与面向对象语言有所不同. JS中对象可以定义为"无序属性的集合".其属性可以包含基本值,对象以及函数.对象实质上就是一组没有特定顺序的值,对象中每个属性.方法都有一个名字,每个名字都映射到了一个值,因此我们可以将对象想象称为一个散列表. JS是一种基于对象的语言,对象的概念在JS体系中十分的重要,因此有必要清楚地了解一下JS中对象创建的常用方法及各自的局限性. 使用Object或对象字面量创建对象 工厂模式创建对象 构造函数模式创

JavaScript中的Generator函数

1. 简介 Generator函数时ES6提供的一种异步编程解决方案.Generator语法行为和普通函数完全不同,我们可以把Generator理解为一个包含了多个内部状态的状态机. 执行Generator函数回返回一个遍历器对象,也就是说Generator函数除了提供状态机,还是一个遍历器对象生成函数.Generator可以以此返回多个遍历器对象,通过这个对象可以以此访问到Generator函数内部的多个状态. 形式上Generator函数和普通的函数有两点不同,一是function关键字后面