js 基础第三天(函数)

函数的内容确实是js重中之重。

函数作用

1、封装代码 2、代码复用

函数语法

函数就是包裹在花括号中的代码块,前面使用的关键词function

function 函数名(){
   这里是要执行的代码
}

function()构造函数

<script type="text/javascript">
var x=new Function("a","b","return a*b")
document.getElementById("demo").innerHTML=x(3,5)
</script>

js函数分类

系统函数:系统定义好的函数,可直接调用函数的

自定义函数:自己写的函数(分为:无参数函数,有参数函数(分为:实参,形参))

结果是6

函数关键字 return 作用

(函数体内只要没有return,函数执行后都是undefined)

1、执行return时,后面的所有语句停止执行,并返回指定的值

2、并返回reutrn后跟随的执行结果

匿名函数,普通函数

普通函数:就是我们说的,自定义函数

function show(){} //普通函数,自定义函数

匿名函数:函数声明时不起名,把函数赋值给一个变量的情况,成为匿名函数。

var a=function(){}//匿名函数
<script type="text/javascript">
var x=function(a,b){
    return a*b
}
document.getElementById("demo").innerHTML=x(3,5)
</script> 

函数存储在变量中,不需要函数名称,通常通过变量名来调用

普通函数,匿名函数区别 (预编译优先级不同)

show()//是可以弹出1123
function show(){
    alert(1123)
}
function show(){
    alert(1123)
}
show()//是可以弹出1123

注意:普通函数,不管写在页面那个位置,都可以随时调用

<script type="text/javascript">
show()
var show=function(){
    alert(123)//这个会报错
}
</script>

注意:匿名函数是把一个函数赋值给一个变量,变量没有函数的特效,所以必须先申明在调用

时间: 2024-10-12 07:07:38

js 基础第三天(函数)的相关文章

Java Script基础(三) 函数

Java Script基础(三) 函数 一.JavaScript中的函数 在JavaScript中,函数类似于Java中的方法,是执行特定功能的代码块,可以重复调用.JavaScript中的函数分为两种,一种是系统函数,另一种是自定义函数. 1.系统函数 系统函数有JavaScript提供,直接调用即可,常用的系统函数包括: parseInt():转换为整数. parseFloat() :转换为浮点数. isNaN():判断是否是非数字,为非数字返回true,数字返回false. eval():

js基础知识总结:函数

函数内部的属性: arguments 和this是函数内部的两个特殊对象 arguments: function recursion(num){ if(num<=1){ return 1; }else{ return num*recursion(num-1); } } 另一种写法: function recursion(num){ if(num<=1){ return 1; }else{ return num*arguments.callee(num-1); } } arguments:表示当

JS基础——构造函数VS原型函数

JS是一种基于对象的语言,在使用过程中不免遇到复制对象的问题,但通常我们采用的直接赋值'obj1=obj2'这种做法会出现数据覆盖问题.也就是对象引用过程中引用地址一致,导致对象数据被修改的问题.这时我们可以采用工厂模式来对对象进行实例化,从而实现对象的引用地址一致导致的数据覆盖问题.但此时,问题随之又来了,使用工厂模式,对于具体的实例所属的具体对象又搞不清楚,在JS中采用构造方法来解决对象实例的数据覆盖问题(这里和其它语言的原理是类似的). 一.构造函数 在其它语言中接触过构造函数,通常它与类

JS基础(三)

25.使用JS操作CSS样式 DHTML表示动态HTML(Dynamic HTML,DHTML),不是标记语言,只是一种由微软提出的网页脚本化概念,目标是结合JS+HTML+CSS设计动态特效,得到很多浏览器厂商支持. CSS脚本化应用:显隐特效.尺寸缩放.对象定位.视图控制.透明设计.对象交互.UI交互 CSS脚本属性名规范:驼峰式命名法重命名CSS属性名,去掉CSS的连字符(css属性float在脚本中用cssFloat表示):elementNode.style.width="100px&q

JS基础-语法+流程控制语句+函数+内置对象【数组】

JS语法: Javascript基本数据类型:undefined/null/Boolean/number/string 复杂数据类型:object typeof用来检测变量的数据类型 typeof的使用方法有两种: (1)typeof 变量 (2) typeof(变量) undefined派生自null,所以undefined==null返回的结果是true 用于任何数据类型,Number()可以将非数值转化为数值,但是有一些数据是不能转化为数值的,如果这类数据通过Number()进行强制转化的

js基础知识之_函数

javascript函数 函数概念 将完成某一特定功能的代码集合起来,可以重复使用 白话函数理解-函数就是一个工厂,帮大家实现某一个功能 优点 -时程序更加简洁 -逻辑更有条例 -调用方便 -维护更加容易 函数的声明方式(创建) 1.基本语法 function 关键字 function 函数名([参数1],[参数2]....){ 函数体 [return]//返回值 } 2.字面量定义的形式(匿名函数) var 变量=function()([参数1],[参数2]....){ 函数体 [return

JS基础(三)语句

一.判断语句(PS:一般情况下判断条件最终应该是一个布尔值.) 1.if语句 1)基本格式 if(判断条件){ 如果判断条件成立则执行的语句 }else{ 如果判断条件不成立则执行的语句 } 2)扩展格式(二路选择语句) if(判断条件){ 如果判断条件成立则执行的语句 }else{ 如果判断条件不成立则执行的语句 } 3)扩展格式2 if(条件1){ 如果条件1成立时执行的语句 }else if(条件2){ 如果前面的条件不成立,条件2成立时执行的语句 }...else{ 当所有条件不成立时执

JS基础:高阶函数

函数声明和函数表达式 在 JS 中定义函数的方式有两种:一种是函数声明,一种是函数表达式. 例如: //函数声明 function fun() { ... } //函数表达式 var f = function() { ... } 它们的区别在于 JS 会把函数声明提升到作用域顶部,而函数表达式只有在执行到该语句时才会生效 关于函数的其他注意事项: 1.函数名后面跟圆括号 "()" 表示立即执行该函数,例如: var test = fun(); //表示执行 "fun"

React.js 基础入门三 ---组件状态state

React 组件实例在渲染的时候创建.这些实例在接下来的渲染中被重复使用,可以在组件方法中通过 this 访问.唯一一种在 React 之外获取 React 组件实例句柄的方式就是保存React.render 的返回值.在其它组件内,可以使用 refs 得到相同的结果(后面会简单解释refs). 从上几章的学习,我们可以这么理解组件,学过php的Yii框架的都知道widget组件,react.js定义一个组件,通过在组件中定义各种'方法','属性'最后通过render来渲染这个组件. 其中<组建