箭头函数和普通函数的区别this

2024-08-29

js中箭头函数和普通函数this的区别

最近在学习angularJs的时候由于里面涉及到了箭头函数,箭头函数除了声明上有点区别以外,和普通函数最主要的区别还是在this的问题上. Js中函数中嵌套的函数this不会 “继承”.比如说以下代码: var o = { name:'xwt', age:13 } function outer(){ console.log(this);//输出{name:'xwt,age:13} !function inner(){ console.log(this);//输出window }(); } out

Es6中箭头函数与普通函数的区别

Es6中箭头函数与普通函数的区别? 普通function的声明在变量提升中是最高的,箭头函数没有函数提升箭头函数没有属于自己的this,arguments 箭头函数不能作为构造函数,不能被new,没有property 不可以使用 yield 命令,因此箭头函数不能用作 Generator 函数不可以使用 new 命令,因为: 没有自己的 this,无法调用 call,apply 没有 prototype 属性 ,而 new 命令在执行时需要将构造函数的 prototype 赋值给新的对象的

ES6箭头函数（箭头函数和普通函数的区别）

箭头函数一个参数 // 只有一个参数 // f : 函数名称 // v : 函数参数 // v+v : 函数内容 let f=v=> v+v console.log(f(10)) //20 两个参数 // 两个参数需加小括号 let ff=(v1,v2)=> v1+v2 console.log(ff(10,20)) 多个语句 // 有多个语句的时候需要加大括号 // 有多个语句的时候return不能省略 let fff=(a,b,c)=> { console.log(a) return

ES6中的箭头函数与普通函数的区别

箭头函数与普通函数的区别 1.语法上更加简洁.清晰基本语法: // 关于箭头函数的参数 // 如果箭头函数没有参数,直接写一个括号即可 let fun1 = () => { console.log('111') }; // 如果箭头函数只有一个参数,可以省略括号 let fun2 = name => { console.log('Hello ' + name); }; // 如果箭头函数有多个参数,用逗号隔开,写括号里面 let fun3 = (a, b, c) => { consol

ES6——箭头函数与普通函数的区别

ES6标准新增了一种新的函数:Arrow Function(箭头函数). 为什么叫Arrow Function?因为它的定义用的就是一个箭头: 语法: //1.没有形参的时候 let fun = () => console.log('我是箭头函数'); fun(); //2.只有一个形参的时候()可以省略 let fun2 = a => console.log(a); fun2('aaa'); //3.俩个及俩个以上的形参的时候 let fun3 = (x,y) =>console.lo

js中函数声明/函数表达式/匿名函数/箭头函数/立即执行函数

函数声明: function add(a, b) { // ... } 1.顾名思义,声明一个函数, 用关键字 “function” 来告诉,这是一个函数. 2.任何地方,想用就可以拿过来使用函数表达式: var add = function (){ //... }; 表达式, 最先想到的赋值表达式,如 a = b; 1.表达式与声明的区别之一, 末尾有无分号(;) 结束. 2.表达式不同于声明的区别之二: 函数表达式的函数并不是想用就可以调用, 他要等到程序执行到他的时候才可以使用. 在函

js基础-函数-var和let的区别

javaScript简介 javaScript历史 1995年,Netscape公司是凭借Navigator浏览器成为当时第一代互联网公司. 网景公司希望在HTML界面上加一点动态效果,于是叫Brendan Erich这个员工设计一下,结果他只用了10天的时间. 为啥叫javaScript呢?因为当时java很火,想要借由它的名气,其实这两个语言就语法有点类似,其他没有关系. ECMAScript ECMA(European Computer Manufacturers Association)

JavaScript的函数申明、函数表达式、箭头函数

JavaScript中的函数可以通过几种方式创建,如下. // 函数声明 function getName() { return 'Michael' } // 函数表达式 const getName = function() { return 'Michael' } // 箭头函数(同样也是表达式) const getName = () => { return 'Michael' } 函数声明和表达式之间的差别是 JavaScript 解释器中存在一种变量声明被提升的机制,也就是说函数声明会被提

js函数表达式和函数声明的区别

我们已经知道,在任意代码片段外部添加包装函数,可以将内部的变量和函数定义"隐藏"起来,外部作用域无法访问包装函数内部的任何内容. 例如: var a = 2; function foo() { // <-- 添加这一行 var a = 3; console.log( a ); // 3 } // <-- 以及这一行 foo(); // <-- 以及这一行 console.log( a ); // 2 虽然这种技术可以解决一些问题,但是它并不理想,因为会导致一些额外的

DLL导出函数和类的定义区别 __declspec(dllexport)

DLL导出函数和类的定义区别 __declspec(dllexport) 是有区别的, 请看 : //定义头文件的使用方,是导出还是导入 #if defined(_DLL_API) #ifndef DLL_API #define DLL_API __declspec(dllexport) #endif #else #define DLL_API __declspec(dllimport) #endif // !DLL_API #ifndef _API #ifdef _MSC_VER #defin

php 使用htmlspecialchars() 和strip_tags函数过滤HTML标签的区别

原文地址:http://www.manongjc.com/article/1103.html 先来看一下htmlspecialchars函数和strip_tags函数的使用实例: <?php $str="<a href='http://www.manongjc.com'>码农教程'\"</a>"; echo htmlspecialchars($str); echo "<br/><br/>"; echo

总结javascript中的全局变量和局部变量的区别以及声明函数和调用函数的区别

<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"/> <title></title> <script src="../js/jquery-1.10.2.js"></script> <script> // 1 i为全局变量输出全局变量 function myName(

SQL Server排序函数row_number和rank的区别

SQL Server排序函数row_number和rank的区别直接看测试结果 declare @table table(name varchar(100),amount int, memo varchar(10)) insert into @table(name,amount,memo) values('apple',8,'123') ,('apple',10,'123') ,('apple',12,'235') ,('orange',11,'123') ,('orange',14,'123

详解Javascript 函数声明和函数表达式的区别

Javascript Function无处不在,而且功能强大!通过Javascript函数可以让JS具有面向对象的一些特征,实现封装.继承等,也可以让代码得到复用.但事物都有两面性,Javascript函数有的时候也比较“任性”,你如果不了解它的“性情”,它很可能给你制造出一些意想不到的麻烦(bugs)出来. Javascript Function有两种类型: 1)函数声明(Function Declaration); // 函数声明 function funDeclaration(type){

javascript 函数声明与函数表达式的区别

先看一段代码 var f = function g() { return 1; }; if (false) { f = function g(){ return 2; }; } alert(g()); 你知道在不同浏览器中的输出结果是什么吗? 把这段代码放到IE 6 和chorme,firefox里面是完全不同的效果,ie6里面会输出2,chorm以及firefox会输出g没有定义,这是JScript的bug(微软给自己的javascript起名为JScript),IE6未能正确区分哪个是函数声

jQuery函数attr()和prop()的区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. 1.操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思. 不过,在jQuery中,attribute和property却是两个不同的概念.attribute表示HTML文档节点的属性,property表示JS对象的属性

javascript 函数声明和函数表达式的区别(学习笔记)

javascript中声明函数的方法有两种:函数声明式和函数表达式. 区别如下: 1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的. 2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用. 3).以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而函数表达式可以在任何地方声明. 下面分别用两种方法定义函数:

js两种定义函数、继承方式及区别

一:js两种定义函数的方式及区别 1:函数声明: function sayA() { alert("i am A"); } 2:函数表达式: var sayB = function() { alert("i am B"); } 区别:code 前者会在代码执行之前提前加载到作用域中,后者则是在代码执行到那一行的时候才会有定义二:js两种继承方式及区别对象冒充临时属性 call() apply() 原型链 code 继承应选哪种 code 三:实例 js两种定义

[Reprint]C++函数前和函数后加const修饰符区别

c++中关于const的用法有很多,const既可以修饰变量,也可以函数,不同的环境下,是有不同的含义.今天来讲讲const加在函数前和函数后面的区别.比如: 01 #include<iostream> 02 03 using namespace std; 04 05 // Ahthor: 过往记忆 06 // E-mail: wyphao.2007@163.com 07 // Blog: http://www.iteblog.com 08 // 转载请注明出处 09 1

C++函数前和函数后加const修饰符区别

class Test(){ public: Test(){} const int foo(int a); const int foo(int a) const; }; 一.概念当const在函数名前面的时候修饰的是函数返回值. 当const在函数名后面表示是常成员函数,该函数不能修改对象内的任何成员,只能发生读操作,不能发生写操作. 二.原理: 我们都知道在调用成员函数的时候编译器会将对象自身的地址作为隐藏参数传递给函数,在const成员函数中,既不能改变this所指向的对象,也不能改变thi

箭头函数和普通函数的区别this

热门专题