基本上所有的高级语言都支持函数,javascript也不例外,它可以像变量一样被使用,方便且强大,因此本文对js函数进行系统的学习,并在学习过程中做了详细的笔记以及样例。...1.声明变量 在js中,通常使用var来生声明变量,而声明的变量实际上是有作用域的 在函数体内声明的变量,只能在函数体内生效,在函数体外是无法识别的 function fun() { var...son()和par() 2.变量提升 JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量“提升”到函数顶部,但是并不会将赋值一起提升,很容易产生代码的报错 因此,针对这一问题...const来定义常量 // ES6 const name = 'xiaoming' 三、解构赋值 1.可以把一个数组的元素分别赋值给不同的变量 var array = ['hello', 'javascript...']]; x; // 'hello' y; // 'JavaScript' z; // 'ES6' 3.解构赋值时可以忽略元素 let [, , z] = ['hello', 'JavaScript'
(1)如上定义了一个名为test的变量,但未给这个变量进行初始化(也就是没有赋值),此时其默认初始化值为 undefined。...(2)这意味着变量可以在声明之前使用,这个行为叫做“hoisting”。“hoisting”就像是把所有的变量声明移动到函数或者全局代码的开头位置。 ?...(3)因此,建议始终在作用域顶部声明变量(全局代码的顶部和函数代码的顶部),这可以清楚知道哪些变量是函数作用域(本地),哪些变量在作用域链上解决。...(1)函数表达式不是以function关键词开始(一般出现在代码的中间部分) ? 五、函数声明提升 ? 六、函数声明优先级较高 (1)函数声明比变量声明的优先级高。 ?...(2)如果两者同名,并且同时存在,后被提升的函数声明会覆盖先被提升的变量声明。 ? 参考文章 详解Javascript 函数声明和函数表达式的区别
一、变量 使用语义化的变量名称 Bad const yyyymmdstr = moment().format('YYYY/MM/DD'); Good const currentDate...类似与函数单一职责,当你的函数超过一层抽象时,说明你的函数做太多事情了。...flags 在函数使用flags说明你的函数不满足单一职责原则。.../temp/${name}`); } ---- 避免副作用 如果某个函数除了接收输入值与返回值之外还做了其他事,那么就称其具有副作用。典型的副作用譬如写文件、修改某些全局变量、修改内存参数等等。...Bad: // 定义全局变量 // 如果我们有其他的函数引用了该变量,那么我们就无法预测该变量类型 let name = 'Ryan McDermott'; function splitIntoFirstAndLastName
getName(){alert(2)}; var getName = function(){alert(1)}; getName();// 1 为什么我调换声明顺序,结果还是输出以 var 形式声明的函数的值...有人回答我说 "啊,变量提升呀..."...,我最开始的理解,就算变量提升,第一种情况提升之后,应该是这样啊: var getName; getName = function(){alert(1)}; function getName(){alert...殊不知不只有var声明才会提前,以function fn(){}这种形式声明的函数,会被提升到作用域的最最顶部,然后再是变量的提升。...console.log(1)}; but fn();//2 var fn = function(){console.log(1)}; function fn(){console.log(2)} 足以说明函数提升的更凶一些
本文作者:IMWeb jaychen 原文出处:IMWeb社区 未经同意,禁止转载 一、变量 使用语义化的变量名称 Bad const yyyymmdstr = moment().format...类似与函数单一职责,当你的函数超过一层抽象时,说明你的函数做太多事情了。...flags 在函数使用flags说明你的函数不满足单一职责原则。.../temp/${name}`); } 避免副作用 如果某个函数除了接收输入值与返回值之外还做了其他事,那么就称其具有副作用。典型的副作用譬如写文件、修改某些全局变量、修改内存参数等等。...Bad: // 定义全局变量 // 如果我们有其他的函数引用了该变量,那么我们就无法预测该变量类型 let name = 'Ryan McDermott'; function splitIntoFirstAndLastName
由于JavaScript的函数也是一个对象,上述定义的abs()函数实际上是一个函数对象,而函数名abs可以视为指向该函数的变量。 ...JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量“提升”到函数顶部: 'use strict'; function foo(){ ...(x); y = 'Bob'; } 由于JavaScript的这一怪异的“特性”,我们在函数内部定义变量时,请严格遵守“在函数内部首先申明所有变量”这一规则。...(window.course); // 'Learn JavaScript' 名字空间 全局变量会绑定到window 上,不同的JavaScript 文件如果使用相同的全局变量,或者定义了相同名字的顶层函数...局部作用域 由于JavaScript 的变量作用域实际上是函数内部,我们在for 循环等语句块中是无法定义具有无法定义具有局部作用域的变量的。
什么是变量/函数提升 包括变量和函数在内的所有声明都会在任何代码被执行前首先被处理,这种现象称为提升。...但只有声明本身会被提升,而赋值或其他运行逻辑会留在原地 javascript并不是严格的自上而下执行的语言 变量声明提升: 1....JavaScript的变量提升是针对var的,而let和const不存在变量提升这一特性(let与const具有一个临时死区的概念,后续在es6的总结中会提到) 2.通过var定义的变量,在定义语句之前就可以访问到...JavaScript只会将变量声明提升,但是不会把初始化提升 但如果变量一直都没有声明过,则会抛出ReferenceError,比如直接输出:console.log(b) // Uncaught ReferenceError...当前函数声明和变量声明使用同一个变量名称时,函数的优先级高于变量的优先级 console.log(zxx) // 会输出zxx定义的函数 function zxx () {
变量 JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。...undefined 5、null类型,表示空对象,如果定义的变量将来准备保存对象,可以将变量初始化为null,在页面上获取不到对象,返回的值就是null 1种复合类型: object javascript...语句与注释 1、一条javascript语句应该以“;”结尾 javascript"> var iNum = 123; var sTr = 'abc123'...、函数、属性、函数参数命名规范 1、区分大小写 2、第一个字符必须是字母、下划线(_)或者美元符号($) 3、其他字符可以是字母、下划线、美元符或数字 匈牙利命名风格: 对象o Object 比如:...String 比如:sUserName 整数i Integer 比如:iItemCount 布尔值b Boolean 比如:bIsComplete 浮点数f Float 比如:fPrice 函数
构造函数new对于使用。代表创建对象。此外,它可以被用作普通的函数调用,因为它也是一个功能。...function Person(name) { this.name=name; } Person(12); alert(window.name);//12 能够看到当构造函数被当成普通函数调用的时候...非常显然把构造函数当成普通函数调用,不是好的做法。 也没有什么道理要这么做。 实际中应该杜绝这样奇怪的使用方法,以免产生奇怪的问题。...per.name);// aty alert(per.name1);//undefined alert(per.name2);//undefined alert(window.name2);//boy 构造函数中定义变量使用...this是成员变量;使用var是局部变量;不加keyword是全局变量。
本文从变量、函数、对象、数据结构、类、测试、并发、错误处理、格式化等方面进行介绍。...变量 使用有意义,可读性好的变量名 反例: var yyyymmdstr = moment().format('YYYY/MM/DD'); 正例: var yearMonthDay = moment()...阅读变量名晦涩难懂的代码对读者来说是一种相当糟糕的体验。 让你的变量名易于检索。 反例: // 525600 是什么?...(即有意义的变量名 反例: const cityStateRegex = /^(.+)[,\s]+(.+?)...比如写文件、修改全局变量或将你的钱全转给了一个陌生人等。 程序在某些情况下确实需要副作用这一行为,如先前例子中的写文件。这时应该将这些功能集中在一起,不要用多个函数/类修改某个文件。
变量 变量就是一个装东西的盒子。 变量是用于存放数据的 容器,我们通过 变量名获取数据,甚至数据可以修改。 本质:变量是程序在内存中申请的一块用来存放数据的空间。...变量的使用 声明变量 // 声明变量 var age;//声明一个名称为age的变量 var是一个JS关键字,用来声明变量(variable变量的意思)。...使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。 age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。...变量的初始化 var age = 18;//声明变量同时赋值为18 声明一个变量并赋值,我们称之为变量的初始化。...声明变量并赋值我们称之为变量的初始化。 变量名要尽量规范,见名知意——驼峰命名法
(var定义的变量将称为该作用域中的局部变量 即全局下就是全局变量,函数内就是局部变量) 全局作用域:在全局下有效(全局定义或函数内未定义只赋值的变量),即window下都可以使用。...函数作用域:只在函数体内有效,函数运行完函数、变量立即销毁,这也是无法在外面引用函数内的变量的原因。...定义: var message; var user; 定义了名为message user的变量,可以用来保存任何值。...未初始化的会保存一个undefined console.log(message);// undefined 函数退出后,变量销毁. function test(){ var msg='hi'; // 局部变量...} test(); console.log(msg);// 错误 函数体内未定义只赋值的变量是全局变量: function test(){ msg='hi';// 全局变量 不太推荐 因为在局部定义全局变量
变量 一小块存储数据的内存空间。...Java中变量 定义方式: int a=10; 语法: 数据类型 变量名=初始值; Java中定义变量时需要声明所定义变量的类型,所以在Java中变量是强类型语言,即在开辟内存变量存储空间时,定义了内存将来存储的数据类型...JavaScript中变量 定义方式: var a=10; 语法: var 变量名=初始值; 在JavaScript中定义变量时不需要声明该变量的数据类型,所以变量在JavaScript中是弱类型语言,...如何获取JavaScript变量的数据类型 要想获取到JavaScript变量的数据类型,需要用到typeof 运算符。...注意: 无论在Java中还是JavaScript中,变量名的命名规则都需要遵循驼峰命名法,变量名要有意义,看到这个名字你可以想到它的作用;一般是字母开头、$、_开头,一般jQuery中使用$开头。
在 JavaScript 中,这些字母被称为变量。 您可以把变量看做存储数据的容器。...---- JavaScript 变量 与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。...变量必须以字母开头 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做) 变量名称对大小写敏感(y 和 Y 是不同的变量) JavaScript 语句和 JavaScript 变量都对大小写敏感。...; 声明(创建) JavaScript 变量 在 JavaScript 中创建变量通常称为"声明"变量。...如需向变量赋值,请使用等号: carname="Volvo"; 不过,您也可以在声明变量时对其赋值: var carname="Volvo"; 在下面的例子中,我们创建了名为 carname 的变量,并向其赋值
# JavaScript 变量 什么是变量 变量在内存中的存储 变量的使用 声明变量 赋值 变量的初始化 案例 变量的语法扩展 更新变量 同时声明多个变量 声明变量特殊情况 变量的命名规范 交换变量...# 什么是变量 白话:变量就是一个装东西的盒子。...通俗:变量是用于存放数据的容器。我们通过变量名获取数据,甚至数据可以修改。 # 变量在内存中的存储 本质:变量是程序在内存中申请的一块用来存放数据的空间。...# 变量的使用 变量在使用时分为两步: 声明变量 赋值 # 声明变量 //声明变量 var age; // 声明一个 名称为age 的变量 var是一个JS关键字,用来声明变量( variable...10 = 用来把右边的值赋给左边的变量空间中 此处代表赋值的意思 变量值是程序员保存到变量空间里的值 # 变量的初始化 var age = 18; // 声明变量同时赋值为 18 声明一个变量并赋值,
1、 什么是变量 白话:变量就是一个装东西的盒子。 通俗:变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。 ?...3、变量的使用 分为两步: 变量的声明 变量的赋值 3.1 声明变量 // 声明变量 var age; // 声明一个 名称为age 的变量 var 是一个 JS关键字...这个变量赋值为 10 = 用来把右边的值赋给左边的变量空间中 此处代表赋值的意思 变量值是程序员保存到变量空间里的值 3.3 变量的初始化 var age = 18;...// 声明变量同时赋值为 18 声明一个变量并赋值, 我们称之为变量的初始化。...3.4 变量语法扩展 更新变量 一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。
一、JavaScript 变量 1、变量概念 JavaScript 变量 是用于 存储数据 的 容器 , 通过 变量名称 , 可以 获取 / 修改 变量 中的数据 ; 变量 的 本质 是 存放数据 的...一块内存空间 ; 在 JavaScript 中,使用 var / let / const 关键字来声明变量 , 每个变量都有一个 变量名 和 一个 变量值 ; 2、变量声明 JavaScript 变量声明...箭头函数 Arrow Function 异步操作 Promise 异步函数 Async/Await 这些特性可以更方便地实现很多复杂的操作 , 提高开发人员的效率 ; 4、变量类型 JavaScript...是一种动态类型语言,不需要在声明变量时指定其类型 ; JavaScrip 变量 的 数据类型 由 设置给变量的值决定 , 变量类型 可以在程序执行过程中更改 ; JavaScript 数据类型 : Number...name; 二、JavaScript 变量示例 1、代码示例 <!
而小写或下划线开头的则是变量名字或对象实例。如何使用大写开头的变量则会被解释器认为是对象,从而发生错误。...---- 对象大写开头 例: Item对象 Item { } ---- 变量下划线,小写开头 例: item对象实例,isEnable变量名字 Item { id: item property
一、JavaScript 预解析 JavaScript 代码 是 由 浏览器 的 JavaScript 解析器 执行的 , 执行过程分如下两步 : 预解析 正式执行代码 JavaScript 的 " 预解析...“ 又称为 ” 变量和函数的提升 " , 会把 var 变量声明 和 function 函数声明 提升到 当前作用域 的 最前面 ; 预解析 机制 允许在代码中 , 无论实际 声明变量 / 声明函数..., 提升到 当前 作用域 的 最前面 ; 在 JavaScript 中 , 使用 var 关键字声明的变量 , 会被提升到其所在的 全局作用域 或 局部作用域 的顶部 ; 注意 : 只有 变量 的声明...变量初始化赋值 5 num = 5; 2、代码示例 - 变量预解析 下面的代码中的 JavaScript 代码 , 最终执行结果与下面的代码一致 ; JavaScript 引擎 将 // 输出 undefined...在 JavaScript 引擎 进行 预解析时 , 函数预解析 就是将 function 关键字声明的函数 , 提升到 作用域最顶端 , 因此 可以在 函数执行前调用 该函数 ; 函数预解析 后的 代码效果如下
领取专属 10元无门槛券
手把手带您无忧上云