Js基础之函数】的更多相关文章

函数声明和函数表达式 在 JS 中定义函数的方式有两种:一种是函数声明,一种是函数表达式. 例如: //函数声明 function fun() { ... } //函数表达式 var f = function() { ... } 它们的区别在于 JS 会把函数声明提升到作用域顶部,而函数表达式只有在执行到该语句时才会生效 关于函数的其他注意事项: 1.函数名后面跟圆括号 "()" 表示立即执行该函数,例如: var test = fun(); //表示执行 "fun"…
1.运算符  1.赋值运算符和扩展运算符    1.赋值运算符 =    2.扩展运算符      +=,-=,*=,/=,%=,^=....      ex:        a=a+b;--> a+=b; a=a+1;--> a++,a+=1,++a      实现两个数字的换位:        a^=b; b^=a; a^=b;  2.条件运算符    条件运算符又称三目运算符.    单目(一元)运算符,只需要一个操作数或表达式.     ex:++,--,!    双目(二元)运算符,…
定义函数:我们使用function标签来定义函数 使用函数:JavaScript函数定义完毕是不能自动执行的,需要我们调用或者事件触发,比如点击事件,鼠标事件,键盘事件等. 下面我们以点击事件为例,调用函数 参数:当我们调用函数的时候想给函数传递一些值的时候,可以使用参数. 返回值:一个函数执行完毕,可以将一个值返回给调用者. 通过return关键字返回一个值. 成员变量:在script标签里定义的变量,是成员变量,所有函数都可以使用. 局部变量:在方法里定义的变量和方法的参数是局部变量,只能在…
函数表达式和函数声明的区别.实际上,解析器在向执行环境中加载数据是,对函数表达式和函数声明并非一视同仁.解析器会率先读取函数声明,并使其在执行任何代码之前可用.而函数表达式,则必须等到解析器执行到它所在的代码行,才会真正的被解释执行. 请看下边的例子. 函数表达式:在执行期间,会报错. //函数表达式 alert(num_fun()); var num_fun = function(){ return 3; } 函数声明:可以正常运行. alert(num()); //函数声明 function…
结论:函数是可以作为返回值使用的 function f1() { console.log("f1函数调用了"); return function() { console.log("这是一个函数"); }; } var ff = f1(); //调用 ff(); //ff就是一个函数了…
1. 函数可以作为参数使用, 如果一个函数作为参数, 那么我们说这个参数(函数)可以叫回调函数 2. 只要是看到一个函数作为参数使用了, 那就是回调函数 function sayHi(fn) { console.log("您好啊"); fn();//fn此时应该是一个函数 } function suSay() { console.log("我吃饭,我睡觉,我刷牙,小苏说"); } sayHi(suSay);…
1. 如何获取某个变量的类型? typeof 2. 函数是有数据类型 ,数据类型:是function function f1() { console.log("我是函数"); } //如何获取某个变量的类型? typeof console.log(typeof f1); //函数是有数据类型,数据类型:是function 类型的…
函数的其他定义方式 函数声明 函数表达式:把一个函数给一个变量,此时形成了函数表达式 函数调用 函数的自调用   命名函数:函数如果有名字,就是命名函数 匿名函数:函数如果没有名字,就是匿名函数     1. 函数声明 function f1() { console.log("助教好帅哦"); } f1(); function f1() { console.log("小苏好猥琐哦"); } f1(); 2. 函数表达式: 把一个函数给一个变量,此时形成了函数表达式:…
练习1:求一个数字的阶乘 function getJieCheng(num) { var result = 1; for (var i = 1; i <= num; i++) { result *= i; } return result; } console.log(getJieCheng(6)); //1*2*3*4*5*6 练习2:求一个数字的阶乘和 ps: 5的阶乘和:即5的阶乘+4的阶乘+3的阶乘+2的阶乘+1的阶乘 function getJieChengSum(num) { var…
练习1:求2个数中的最大值 function getMax(num1, num2) { return num1 > num2 ? num1 : num2; } console.log(getMax(10, 20)); //console.log(getMax); //函数的代码 同: function getMax(num1, num2) { return num1 > num2 ? num1 : num2; } var num1 = 10; var num2 = 20; //函数外面的num…
函数: 把一坨重复的代码封装,在需要的时候直接调用即可 函数的作用: 代码的重用 函数需要先定义,然后才能使用 函数名字:要遵循驼峰命名法 函数一旦重名,后面的会把前面的函数覆盖 Ctrl +鼠标左键---->转到定义 一个函数最好就是一个功能   函数参数: 在函数定义的时候,函数名字后面的小括号里的变量就是参数,目的是函数在调用的时候,用户传进来的值操作 此时函数定义的时候后面的小括号里的变量叫参数;写了两个变量,就有两个参数, 在函数调用的时候,按照提示的方式,给变量赋值--->就叫传值…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 函数作用域 * * - 调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁 * * - 每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的 * * - 在…
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * 创建一个函数,用来计算三个数的和 * * 可以使用 return 来设置函数的返回值 * 语法: * return 值 * * return后的值将会会作为函数的执行结果…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 定义一个用来求两个数和的函数 * 可以在函数的()中来指定一个或多个形参(形式参数) * 多个形参之间使用,隔开,声明形参就相当于在函数内部声明了对应的变量 * 但是并不赋值…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 函数 function * - 函数也是一个对象 * - 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码) * - 函数中可以保存一些代码在需要的时候调用 *…
练习1:求两个数字的和:获取任意的两个数字的和 function getSum(x, y) { return x + y; } console.log(getSum(10, 20)); 练习2:求1-100之间所有的数字的和 function geteverySum() { var sum = 0; for (var i = 1; i <= 100; i++) { sum += i; } return sum; } console.log(geteverySum()); 练习3:求1-n之间所有…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var a = 123; function fun(){ alert(a);//undefined var a = 456; alert(a);//456 } fun(); alert…
在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它相同也具有函数名,參数,返回值,函数体等这些寻常函数所具有的内容.可是作为一种脚本语言,它确实也有自己不一样的地方. 一.创建 <span style="font-size:18px;">function box(){ //利用functionkeyword进行声明+函数名+(可加入參数)+{详细运行内容,可包含返回值} return 'hello!'; }</span> 在这里,我们须要知道的是…
   前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数 函数的声明及调用 1.函数的声明格式: func…
今天来了解一下缓动easeing函数. 开始,如果你还没有GSAP的类包,可以到GreenSock的官网去下载最新版本的类包,或者直接点击这里​来下载 学习之前,先来准备一下:     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <tit…
js基础 目录 javascript基础 ESMAScript数据类型 DOM JS常用方法 回到顶部 javascript基础 常说的js包括三个部分:dom(文档document).bom(浏览器对象browser).ESMAScript(语法).js是esmascript的实现和扩展. ESMAScript数据类型 数据类型 七种数据类型:string,number,boolean,null,undefined,symbol (ECMAScript 2015新增),object. 六种基本…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js的全局函数</title> <script type="text/javascript"> // 由于不输入任何一个对象,所以可以直接写方法名使用 // eval(),执行js代码(如果字符串是一个js代码,使用方法直接执行) /* var str = &quo…
js 先对函数进行解析 然后在执行函数 定义一个函数 实现求两个数的乘 function mult(a,b){ return a*b; } mult(1,3) 计算1 - n 的和 封装成函数 function sum(n){ if(typeof(n) != 'number'){ return 'NAN';} if(n<1){ return 0; } var count = 0; for(var i = 1; i<= n; i++){ count += i; } return count;}s…
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f…
1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)        string 3)        boolean 4)        null 5)        undefined 1.1.2   复杂类型 object:date,array,function 1.2 变量 var 变量名=值 变量的作用域:1.全局:以页面为单位.2局部:以函数为单位.…
Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP&HTTPS 进程与集群 网络安全 关于node.js的误会 昨天写了篇博客,介绍了一下我对node.js的第一次亲密接触后的感受,以为node.js很小众,出乎我意料很多人感兴趣,并且对博客中的细节问题做了评论,最多的是围绕node.js的异步与单线程展开的,当然还有很多关于node.js究竟是不是语…
适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”JavaScript”>  2: JavaScript code goes here  3: </script> 2 隐藏脚本代码 1: <script language=”JavaScript”>  2: <!--  3: document.write(“Hello”); …
  js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class…
a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象.如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thisObj[,ar…
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f…