精华内容
下载资源
问答
  • Javascript构造函数是非常强大的,它可能也是Javascript能被充分利用的特点之一。但是如果你想真正的了解Javascript,你还是应该明白构造函数是如何工作的。本文,我们将从三个方面来讲述构造函数。
  • 什么是构造函数 通过new操作符调用的函数为构造函数,会构造出一个类的实例 一个函数直接调用则为普通函数调用方式,用new调用则为构造函数调用方式 function Fn(name,age){ let n = 5; this.name=name; this.age...
  • /* *(REFER TO <JAVASCRIPT>P151) *@time 2008-11-25 */ 代码如下://没有返回值 function Test0(){ this.name=’test0′; } var test0=new Test0; //debugger; alert(test0);//输出[Object] alert(test0...
  • 以下是一个构造函数的例子 如果是实例方法,不同的实例化,它们引用的地址是不一样的,是唯一的。 //定义一个构造函数 function People(name,age){ this.name=name; this.age=age; this.dothings=function(){ ...
  • js构造函数

    2021-01-25 13:46:26
    js构造函数 1. 什么是构造函数JavaScript中,用new关键字来调用的函数,称为构造函数构造函数首字母一般大写 2. 使用构造函数的场景 var p1 = { name:'Tom',age:'18',sex:'男'}; var p2 = { name:'Jerry',age...

    js构造函数

    1. 什么是构造函数

    在JavaScript中,用new关键字来调用的函数,称为构造函数,构造函数首字母一般大写

    2. 使用构造函数的场景

    var p1 = { name:'Tom',age:'18',sex:'男'};
    var p2 = { name:'Jerry',age:'18',sex:'男'};
    var p3 = { name:'Speike',age:'20',sex:'男'};
    var p4 = { name:'Tyke',age:'8',sex:'男'};var p... = {...}
    
    
    

    示例: 如果我们要录班级同学人员信息,我们创建了每一个同学“对象”,
    如果班级人数的情况下,我们需要重复写很多次。
    这个时候构造函数的优势就提现出来了,我们发现,录入同学信息中都有,nameagesex这些属性,但是她们各个有自己的值,那我们就把这些属性,当做构造函数的参数传入,我们可以由此创建出如下函数。

    function Person(name, age, sex) {
        this.name = name;
        this.age= age;
        this.sex= sex;
    }
    

    如上函数,我们可以通过new关键字,也就是通过构造函数来创建对象了。

    var p1 = new Person('Tom', '18', '男');
    var p2 = new Person('Jerry', '18', '男');
    

    此时,我们发现,创建对象,会很方便,在此场景下,产生很多重复代码,而使用构造函数就可以实现代码的复用。

    3. 构造函数执行过程

    function Animal(color) {
     this.color = color;
    }
    

    此时的Animal函数还不算一个构造函数,当它有一个new关键字来调用时,我们才能说它是一个构造函数。如下面这样

    var dog = new Animal("black");
    
    执行过程:
    function Person(name, age, sex) {
        this.name = name;
        this.age= age;
        this.sex= sex;
    }
    var p1 = Person('Tom','男','18');
    

    此时,Person构造函数会有一下几个执行过程。

    1. 当以new关键字调用,会创建出一个新的工作空间,标记为Person的实例
    2. 将空对象的原型绑定为new操作符后面的构造函数的原型
    3. 函数体内部的 this 指向该内存,并执行构造函数的函数体,创建相关属性和方法
    4. 判断执行结果是否返回了新的对象,如果有返回新对象,就是用返回的新对象,没有的话,返回原来创建的对象(obj)

    我们可以得出如下结论。

    var p1 = Person('Tom','男','18');
    

    每当创建一个实例的时候,就会创建一个新的内存空间(p1),创建 p1的时候,函数体内部的 this指向 p1

    执行函数体内的代码
    这里我们可以发现,给 this 添加属性,就相当于给实例添加属性。

    默认返回 this

    由于函数体内部的this指向新创建的内存空间,默认返回 this ,就相当于默认返回了该内存空间,也就是上图中的 p1。此时,p1的内存空间被变量p1所接受。也就是说 p1 这个变量,保存的内存地址就是 p1,同时被标记为 Person 的实例。

    如果没有手动添加返回值,默认返回this

    function Person() {
     this.name = 'Tom';
    }
    
    var p1 = new Person();
    
    展开全文
  • 本文将介绍javascript构造函数调用方面的案例应用,需要了解的朋友可以参考下
  • js代码-js 构造函数js构造函数中,如果有 return 语句,那么,如果返回的是基础数据类型,new 运算会忽略这个语句,得到的是新创建的对象;如果返回的是引用类型(数组、对象、函数),则 new 运算的到的...
  • js构造函数的定义

    2021-06-08 15:49:43
    首先要了解:什么叫做类? 描述一系列相同事物的总称,比如:人类,动物类,数组类Array,...在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数构造函数首字母一般大写 function Student(name, age) { /

    首先要了解:什么叫做类?

    描述一系列相同事物的总称,比如:人类,动物类,数组类Array,字符串类String,函数类function等等…

    什么是对象?

    对应类的实际内容叫做对象,从类中实例化出来的个体叫做对象。
    比如:var arr=new Array(); 在数组Array这个类中实例化出来的数组对象arr

    1、什么是构造函数

    在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。构造函数首字母一般大写

    function Student(name, age) { //构造函数student类
            this.name = name; //通过this.实现属性和方法的挂载
            this.age = age;
            this.eat = function () {
                console.log(this.name + "正在吃");
            }
        }
        var stu1 = new Student("王一", 21); //通过new创建一个student对象:stu1
        stu1.eat(); //对象调用eat方法
    

    构造函数完美的解决了工厂模式无法确定对象类型的问题 通过stu1 instanceof Student

    面试题:new做了那些事?

    1.创建了一个空对象{}
    2.让构造函数中的this指向了空对象
    3.将空对象返回出来

    构造函数的优点:

    解决了工厂模式的问题 可以用 instanceof 来判断类型

    展开全文
  • 下面小编就为大家带来一篇浅谈js构造函数的方法与原型prototype。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 构造函数的创建 一、object对象 object对象创建的三种方式 1、利用字面量创建 var obj={} 2、利用new Object创建 var obj=new object() 2、通过构造函数创建 function Object(){ } var obj=new Object() 注意:...

    构造函数的创建

    一、object对象
    object对象创建的三种方式
    1、利用字面量创建

    var obj={}
    

    2、利用new Object创建

    var obj=new object()
    

    2、通过构造函数创建

    function Object(){
    }
    var obj=new Object()
    

    注意:构造函数的方式是

     function 构造函数名(){
                   this.属性=值;
                   this.方法=function(){
                 }
    }
    
    var obj=new 构造函数名()
    
    • 通过构造函数的创建我们会发现 ,构造函数没有返回值,没有返回值的原因是因为new关键字起的作用
      new关键字在构造函数中的作用
      1、创建了一个空对象
      2、使this指向这个空对象
      3,执行构造函数中的代码,给空对象中添加属性和方法
      4、返回这个新的对象

    构造函数的作用

    一般我们创建一个对象时可能会有很多重复,如以下代码

    var obj={
       name:“刘德华”,
       sex:"男",
       age:18
    }
    var obj1={
       name:"郭富城",
       sex:“男”,
       age:18
    }
    

    我们会发现对象里面有很多内容是重复的,这个时候,我们可以将重复的部分提炼出来,从而就有了构造函数,他类似函数,可重复使用,只需要调用就行,但构造函数的调用,和函数并不一样

    function Obj (name,sex,age){
                     this.name=name;
                     this.sex=sex;
                     this.age=age'
    }
    var liudehua=new Obj("刘德华",“男”,18)
    var  guofucheng=new Obj("郭富城",“男”,18)
    

    有了构造函数后就方便了很多,不需要重复代码,节省空间

    展开全文
  • 本文实例讲述了js构造函数constructor和原型prototype原理与用法。分享给大家供大家参考,具体如下: 所有引用类型(函数,数组,对象)都拥有__proto__属性(隐式原型) 所有函数拥有prototype属性(显式原型)(仅...
  • JS-构造函数练习 这是一个练习,用于介绍在 JavaScript 中构建对象的构造函数。 ##如何使用它 克隆我的仓库 运行 npm 安装 运行 bower 安装 ##使用的库: JavaScript ##作者:[斯宾塞威科夫]
  • 本文实例讲述了JavaScript原型对象、构造函数和实例对象功能与用法。分享给大家供大家参考,具体如下: 大家都知道,javascript中其实并没有类的概念。但是,用构造函数跟原型对象却可以模拟类的实现。在这里,就先...
  • js中function对象是一个令人着迷的东西,但由于他太过于灵活,常常令人迷惑. 先给大家看个代码片段。 var scope="global"; function constructFunction(){ var scope="local"; return new Function(" return scope...
  • ···javascript function Person(name,age,job){ this.name=name; this.age=age; this.job=job; this.sayName=function(){ console.log(this.name); }; } var person=new Person(“jim”,26,“software eng”); ...

    构造函数和其它函数唯一的区别就是调用方式不同,但构造函数还是函数,不存在定义构造函数的特殊语法,任何函数都可以通过new操作符来调用,只要用new操作符来调用它就可以作构造函数;但是任何函数也可以不通过new 操作符来调用,这样就和普通的函数没有区别。

    function Person(name,age,job){
    				this.name=name;
    				this.age=age;
    				this.job=job;
    				this.sayName=function(){
    					console.log(this.name);
    				};
    			}
    			//用new操作符来调用
    			var person=new Person("jim",26,"software eng");
    			person.sayName();
    			console.log(person.name);
    			
    			//作为普通函数的调用方法
    			Person("jack",31,"Doctor");
    			window.sayName();
    			console.log(window.name);
    			//作为普通函数的调用方法2、用this指针来调用,因为这个时候this等于window
    			Person("xiaofang",33,"yanyuan");
    			this.sayName();
    			console.log(this.name);
    			//在另一个对象的作用域中调用
    			var o=new Object();
    			Person.call(o,"dada",25,"paopao");  //这里用了个回调内置函数call
    			o.sayName();
    
    展开全文
  • <script> function Obj(name,age){ this.age = age this.name = name this.test = function(){ console.log(this.age) ... console.log("构造函数属性方法") } Obj.text = '构造函数静态属性' ...
  • 这种定义方式,会将函数声明提升到该函数所在作用域的最开头,也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数,在这个作用域内,你都可以调用这个函数为你所用。 2.函数表达式:let fun = ...
  • JavaScript构造函数及原型对象

    万次阅读 多人点赞 2016-04-07 10:00:41
    JavaScript中没有类的概念,所以其在对象创建方面与面向对象语言有所不同。 JS中对象可以定义为”无序属性的集合”。其属性可以包含基本值,对象以及函数。对象实质上就是一组没有特定顺序的值,对象中每个属性、...
  • 下面小编就为大家带来一篇JS构造函数与原型prototype的区别介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • JavaScript构造函数详解

    2021-01-19 15:15:20
    构造函数就是初始化一个实例对象,对象的prototype属性是继承一个实例对象。  构造函数注意事项: 1.默认函数首字母大写 2.构造函数并没有显示返回任何东西。new 操作符会自动创建给定的类型并返回他们,当调用构造...
  • 主要介绍了一文秒懂JavaScript构造函数、实例、原型对象以及原型链的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • js 构造函数的返回值

    千次阅读 2018-10-26 19:54:20
    而在js构造函数可以有返回值也可以没有。 没有返回值则按照其他语言一样返回实例化对象。 若有返回值则检查其返回值是否为引用类型。如果是非引用类型,如基本类型(string,number,boolean,null,undefined)则...
  • js 构造函数

    千次阅读 2018-06-25 09:51:43
    以下是对构造函数的浅薄理解:构造函数一般以大写字母开头命名; 如: fuction Preson(){...}调用 : 任何函数,只要通过 new 操作符来调用,那它就可以作为构造函数 ;deom: function Preson(name,age,sex){ ...
  • 1.js构造函数返回值问题 构造函数本不应该,不需要有返回值,实际执行的返回值就是此构造函数的实例化对象 但是在 js构造函数可以有返回值也可以没有,没有时,和正常的构造函数一样,返回实例化对象 返回值是非...
  • 一、什么是函数 函数是一组可以随时随地运行的语句。 函数是 ECMAScript 的核心。函数是由这样的方式进行声明的:关键字 function、函数名、一组参数,以及置于括号中的待执行代码。 函数的基本语法是这样的: ...
  • JavaScript 中的构造函数

    千次阅读 多人点赞 2018-11-10 20:08:26
    但是,在JavaScript语言的对象体系,不是基于“类”的,而是基于构造函数(constructor)和原型链(prototype)。 以下的内容会分为如下细节: 1.对象的概念 2.构造函数 3.new 命令  3.1:基本原理  3.2:...
  • JS构造函数

    2018-05-08 14:43:29
    定义JS构造函数3.使用构造函数的作用4.注意1.创建对象在JavaScript中,创建对象的方式包括两种:对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式,例如:?123456var o1 = { p:”I’m in Object ...
  • 在学习构造函数之前我们需要知道我们学习构造函数需要学习什么: 1.什么是构造函数 2.构造函数用来做什么 3.构造函数的执行过程 4.构造函数的返回值 1.所以首先我们需要知道什么是构造函数: 在我看来,构造函数...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 294,657
精华内容 117,862
关键字:

js构造函数