js函数的几种写法 闭包概要

JavaScript024

js函数的几种写法 闭包概要,第1张

最常见的:Js代码1functionfoo() {2alert('hi, js')3}4foo()用匿名函数:Js代码1varfoo =function() {2alert('hi, js')3}4foo()改装一下,给调用的foo()加个括号:Js代码1varfoo =function() {2alert('hi, js')3}4(foo)()干脆,连foo的定义也省掉------把foo赋值语句的等号右边的东东、直接替换掉刚才括起来的foo:Js代码1(function() {2alert('hi, js')3})()先看常用的函数:1functionsayHello(name) {2vartext = 'Hello ' +name3varsayAlert =function() { alert(text)}4sayAlert()5}6sayHello('Bob')闭包的例子一句话描述:闭包是函数的局部变量,在函数return之后,仍然有值, 或者闭包是stack-frame,在函数return的时候,它不会被释放。(就好像'stack-frame'是内存分配、而非处于堆栈!)下面的代码返回一个function的引用:1functionsayHello2(name) {2vartext = 'Hello ' + name//local variable3varsayAlert =function() { alert(text)}4returnsayAlert5}6varsay2 = sayHello2('Jane')7say2()//hello JaneC函数指针和JavaScript的函数引用有着本质的不同。在JavaScript,函数引用变量既是一个函数指针,又是一个隐藏的闭包指针。在C和其他多数语言,当函数return之后,stack-frame就被销毁了,所有的局部变量也就不能访问了。在JavaScript中,如果你在函数里声明了函数,在你调用的函数renturn之后,局部变量仍然可以访问。请注意上面的例子,我们调用了变量text,它是函数sayHello2的局部变量。Example 3这个例子表明局部变量不是拷贝传递,而是引用传递。在外层函数退出时,它把stack-frame保存在内存。1functionsay667() {2//Local variable that ends up within closure3varnum = 6664varsayAlert =function() { alert(num)}5num++6returnsayAlert7}8varsayNumba =say667()9sayNumba()//667,而不是66610alert(sayNumba.toString())Example 4三个函数对某个闭包使用同一个引用,因为它们均在setupSomeGlobals()里声明的。1vargAlertNumber = gIncreaseNumber = gSetNumber =null2functionsetupSomeGlobals() {3//Local variable that ends up within closure4varnum = 6665//Store some references to functions as global variables6gAlertNumber =function() { alert(num)}7gIncreaseNumber =function() { num++}8gSetNumber =function(x) { num =x}9}10setupSomeGlobals()11//任意、多次 运行下面的函数12gAlertNumber()13gIncreaseNumber()14gSetNumber(5)//把num重新设为 515gSetNumber(-8888)//把num重新设为 -8888重新运行setupSomeGlobals()就会重新产生一个新的闭包。在JavaScript中,当你在函数里又声明一个函数,外部函数每调用一次,内部函数将再被重新产生一次。Example 5当心下面例子的循环:闭包中的局部变量可能和你最初想的不一样。1functionbuildList(list) {2varresult =[]3for(vari = 0i <list.lengthi++) {4varitem = 'item' +list[i]5result.push(function() {alert(item + ' ' +list[i])} )6}7returnresult8}910functiontestList() {11varfnlist = buildList([1,2,3])12//using j only to help prevent confusion - could use i13for(varj = 0j <fnlist.lengthj++) {14fnlist[j]()15}16}1718testList()//输出3次:'item3 undefined'Example 6下面的例子表明,闭包包含了 在外部函数退出之前、定义的任何局部变量。注意,变量alice实际上在匿名函数之后声明的。匿名函数先被声明:当函数被调用时,它可以访问alice,因为alice在闭包里。1functionsayAlice() {2varsayAlert =function() { alert(alice)}3//Local variable that ends up within closure4varalice = 'Hello Alice'5returnsayAlert6}7sayAlice()()//Hello Alice8alert(alice)//错误:alice不是全局变量,它在函数体内var了Example 7下面的例子表明,每次调用会产生各自的闭包。1functionnewClosure(someNum, someRef) {2//Local variables that end up within closure3varnum =someNum4varanArray = [1,2,3]5varref =someRef6returnfunction(x) {7num +=x8anArray.push(num)9alert('num: ' + num +10'\nanArray ' + anArray.toString() +11'\nref.someVar ' +ref.someVar)12}13}14closure1 = newClosure(40, {someVar : 'closure 1'})15closure1(5)1617closure2 = newClosure(1000, {someVar : 'closure 2'})18closure2(-10)小结读一些说明要比理解上面的例子难得多。我对于闭包的说明以及stack-frame等等在技术上可能不正确 --- 但是它们的确有助于理解

首先你要赋值的这个标签有没有ID

有的话用var t = document.getelementsbyId("id值")获取

然后看你这个标签是什么

如果是input就用t.value="值"

如果这个标签没value属性 比如<div>

就用t.innerHTML="值"

在JS的学习与工作中,搞清楚相关数据类型是基础中的基础,平均一百家公司面试前端工程师的时候九十九家都会问,请你简单举例一下JS的数据类型,于是菜狗我就将对此进行一些自己粗浅的总结为自己留作笔记同时为各位想要学习的同学提供小小的帮助。

首先,我们要明白,在JS中,数据类型分为一下两种:

基础数据类型分为七种

①Number 数字型 (包含所有的整数,浮点数,负数等)

②String 字符串型 (包含任意文本)

③boolean 布尔型 (仅有两种类型,ture与false)

④Undefined 未定义 (仅有一种,undefined)

⑤Null 空/不存在 (仅有一种,null)

⑥Symbol (实现唯一标识)

对此进行简单的举例

⑦BigInt(任意精度整数)(将与ES10中出现)

对此数据类型存在进行简单解释

BigInt 通过数字加n的方法来表示,支持二进制,八进制,十六进制

以下写法结果均为转换为字符串后得而结果,BigInt类型转换字符串后不会再带着n

Ⅰ.通常写法

Ⅱ .十六进制

Ⅲ.八进制(注意区分数字0与字母o)

Ⅳ. 二进制

引用数据类型共有三种

①Array类型 (数组型)

②Object类型 (对象型)

③Function类型 (函数/方法)

以上就是十种JS中的数据类型,如有错误,欢迎指正。

如果本文能帮到你,那么菜狗很开心,大家一起 加油!