首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Js 使用new关键字调用函数和直接调用函数区别

最近开始学习js,在看到书上一个例子时,引发了我一系列思考: 书上例子: function Person(name,age,job){ var o =new Object();...,并以相应属性和方法初始化该对象,然后又返回了这个对象,除了使用new操作符且把使用包装函数叫做构造函数之外,这个模式跟工厂模式是一模一样。...person.sayName(); 得出结论:使用new关键字是将函数当作构造函数调用,即为构造对象,若没有人为重写调用构造函数时返回值,那么返回对象是由解析器自己生成。...不使用new关键字调用函数,即为普通函数调用。 随即想到若是函数返回值是function型呢?...),虽然new函数与直接调用函数产生结果等同,但是是两个不同过程,一个是构造对象、一个是函数调用

3.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 匿名函数——几种不同调用方式

    函数调用语句,必须放在函数声明语句之后!!!...原因:检查装载时,会先对show变量及这个匿名函数声明,此时,还未将匿名函数赋值给show变量,如果在表达式之前调用,会报错 show is not a function js代码执行顺序问题 js...检查装载阶段:会先检测代码语法错误,进行变量、函数声明 执行阶段:变量赋值、函数调用等,都属于执行阶段。 3.自执行函数。这里我总结了8种常用匿名函数调用方法: //1.使用 !...function(){ document.write('ni hao'); }() //2.无法表明函数与之后()整体性,不推荐使用。...(function(){ document.write('wo hao'); })(); //3.能够将匿名函数调用()为一个整体,官方推荐使用; (function(){ document.write

    4.1K10

    JS函数本质,定义、调用,以及函数参数和返回值

    声明函数,可以先调用,再创建 函数预解析时候会提前定义 add(); function add(){ return 1; } 用var赋值表达式创建函数,如果先调用,再创建,会报错 因为...里层可以访问外层函数,外层不能访问里层函数 代码块中定义函数: 由于js中没有块级作用域,所以依然是处于全局作用域中 都会出现预解析中函数被提前声明 if(true){ function fn1...: 命名函数调用 function add(){ } add(); 匿名函数调用: 如果直接在匿名函数后面加上括号进行调用,会报错 function(){ alert(1); }();//...+n2; })(); console.log(add(3,4));//在全局无法访问到函数内部函数add 方法调用: 对象中方法,使用对象.方法名进行调用 var operation={...: 构造函数命名时一般首字母大写 调用时用new+函数名,返回值是一个对象 function Person(){ } var obj=new Person(); js中内置构造函数,常见有: Object

    17.6K20

    JS高级原型以及函数调用方式

    JavaScript 高级 目标 原型 ==函数原型链== 函数和对象原型链关系 函数4种调用方式 箭头函数 2.原型 prototype -重点 原型上存放函数 解决了同一个 say 浪费 内存问题...num1 = 22;//局部变量 console.log(num); // 全局变量在任何地方都能访问到 console.log(num1); } console.log(num); 在js...函数作用域是在函数定义时候作用域就确定下来了,和函数在哪调用无关。...根据函数内部this指向不同,可以将函数调用模式分成4种 函数调用模式 方法调用模式 构造函数调用模式 上下文调用模式(借用方法模式) 函数调用模式 如果一个函数不是一个对象属性时,就是被当做一个函数来进行调用...} } obj.sayHi(); 构造函数调用模式 如果函数是通过new关键字进行调用,此时this被绑定到创建出来新对象上。

    9610

    第196天:js---调用函数五种方式

    9 //这里关键是,在函数调用模式中,函数 this 关键字指全局对象, 10 //如果在浏览器中就是 window 对象....1 /*方法调用模式*/ 2 //函数调用模式很简单,是最基本调用方式. 3 //但是同样函数,将其赋值给一个对象成员以后,就不一样了. 4 //将函数赋值给对象成员后...33 o.fn(); 34 // 这里运行结果是,两个函数是相同,因此打印结果是 true. 35 // 但是由于两个函数调用是不一样, 36 // func调用...,打印是 [object Window],而o.fn 打印结果是[object Object]. 37 // 这里便是函数调用与方法调用区别. 38 // 函数调用中,this专指全局对象...四、构造函数调用模式 1 /*构造函数调用模式*/ 2 3 // 同样是函数,在单纯函数模式下,this表示window; 4 // 在对象方法模式下,this指的是当前对象

    89730

    奇怪函数调用

    C 语言在调用函数时,根据函数调用约定(C 语言调用约定为 _cdcel)先将参数从右至左依次入栈,然后将返回地址压入栈中。...当进入被调用函数后,会先将 EBP 寄存器入栈,然后将 ESP 寄存器赋值给 EBP,最后通过 sub esp 来抬高栈顶,当作被调用函数栈空间。...EBP 作为基址指针,对当前函数(被调用函数)中局部变量通过 [EBP - 0xXXX] 来进行访问,而对于调用时栈中参数,则通过 [EBP + 0xXXX] 来进行访问。...位置处保存着返回地址,也就是调用当前函数函数下一条指令。...比如,A 函数调用了 B 函数,当 B 函数执行完成后,会接着执行 A 函数中,调用 B 函数下一条指令。而此时,返回地址被覆盖为 0041105A,那么,这个 0041105A 是什么值?

    1.7K30

    js匿名函数和命名函数_jsp调用java方法

    大家好,又见面了,我是你们朋友全栈君。 由衷感叹,js真是烦。 学到现在,渐渐理解了什么是:语言都是通用,没有好不好,只有擅长不擅长。...继承,多态,甚至指针,c能实现,c++,java有,javascript(和java是雷锋和雷峰塔区别,名字上不知道坑了多少人)也能变通实现。 温故知新,今天又回味了一遍,匿名函数作为函数参数。...难道匿名函数自执行了? 错!!!匿名函数!=自执行匿名函数 真相只有1个:匿名函数作为参数,在调用(将匿名函数作为参数)函数里被调用执行了。...function test( a, b ){ a+=1; // b是对象,函数名也是对象,所以b可以指代一个函数 // 类似c++中函数名一样 // a被复制给了b(result) // js好灵活...b(a); } 以上这篇js匿名函数作为函数参数详解就是小编分享给大家全部内容了,希望能给大家一个参考。

    6.2K20

    匿名函数调用_自己调用自己函数

    js中,表达式会被立即执行,也就是说,不管是引入外部js文件还是嵌入在html文件中js脚本,其中表达式都会被立即执行。 函数名是一个指向函数指针。...关于函数声明,它最重要一个特征就是函数声明提升,意思是执行代码之前先读取函数声明。这意味着可以把函数声明放在调用语句之后。...例 sun(1,2); //3 function sum(x,y){ alert(x+y); } 而函数表达式在编译时候不会被提前,如下调用函数将会报错 ss(1,2)...; //报错,函数未定义 var ss = function(x,y){ alert(x+y); }; 介绍了函数定义以及JavaScript编译规则,下面正式说一下匿名函数调用...变形写法: (function(x,y){ alert(x+y); }(1,2)); //3(括号在里面) 匿名函数调用写法有很多,下面列举常见几种写法 1、匿名函数前加 void void

    2.5K20

    JavaScript this 小结纯粹函数调用作为对象方法调用作为构造函数调用apply 调用

    JavaScript 语言一个关键字。 它是函数运行时,在函数体内部自动生成一个对象,只能在函数体内部使用。 ? 上面代码中,函数test运行时,内部会自动有一个this对象可以使用。...那么,this值是什么呢? 函数不同使用场合,this有不同值。 总的来说,this就是函数运行时所在环境对象。...下面分情况,详细讨论 纯粹函数调用 函数最通常用法,属全局性调用,this即代表全局对象。 ?...运行结果是1 作为对象方法调用 函数还可以作为某个对象方法调用,这时this就指这个上级对象 ? 结果:1 作为构造函数调用 通过这个函数,可以生成一个新对象。this就指这个新对象。 ?...运行结果为2,表明全局变量x值根本没变。 apply 调用 apply()是函数一个方法,作用是改变函数调用对象。 它第一个参数就表示改变后调用这个函数对象。

    2.7K20

    js中带有参数函数作为值传入后调用问题

    ❝小闫语录:你可以菜,但是就这么菜下去是不是有点过分了 ❞ 每天不是在写 bug,就是在解 bug 路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』 1.无参数函数作为参数传入调用...} fuc2(fuc1); // 1 2.有参数函数作为参数传入调用 一般函数都有参数,那么这种情况如何传参呢?...现在要将传入函数作为点击事件处理程序,你一定想得是这样: function fuc1(param) { alert(param); } var link = document.getElementsByClassName...("link1"); link.onclick = fuc1("我是小闫同学啊"); 但是不好意思,「不需要点击,一刷新页面,直接调用函数」,弹出窗口!...❝因为在你写 fuc1("我是小闫同学啊") 时,默认就调用了此函数,都不需要点击。 ❞ 如何才能达到在点击时才弹出窗口呢?

    8.5K40

    vue调用js文件_vue调用其他js文件中方法

    本文主要介绍了vue引用js文件多种方式,本文大家介绍非常详细,具有一定参考借鉴价值,需要朋友可以参考下 1、vue-cli webpack全局引入jquery (1) 首先 npm...(2)在webpack.base.conf.js里加入 var webpack = require("webpack") (3)在module.exports最后加入 plugins: [ new...了. 2、vue组件引用外部js方法 项目结构如图: content组件代码: <button...3、单vue页面引用内部js方法 (1) 首先 npm install jquery –save (–save 意思是将模块安装到项目目录下,并在package文件dependencies节点写入依赖...(){ console.log($) } } 就不会有了,原因可能是得符合vue中js写法吧 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    18.8K50
    领券