Python web前端 07 函数及作用域

一、函数

  1、有名函数和匿名函数

#函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
#函数就是包裹在花括号里面的代码块,前面使用了关键字function #分为有名函数和匿名函数
#有名函数:有名字的函数,函数名加括号执行/充当事件函数执行
#匿名函数:没有名字的函数,匿名函数不能单独出现,一般充当事件函数 oBox.onclinck=function(){..};
oBox.onclinck=fn;#这两个是一样的,后面的函数就是fn

  2、函数定义和函数表达式

#函数表达式 特点:可以在后面加括号立即执行

fn();
function fn{ console.log(1);}
#函数定义可以在定义前加括号执行,也可以在定以后加括号执行 fn();
var fn=function(){console.log(2);}
#通过var定义的函数,只能在后面运行 #() + - ! ~ 可以将匿名函数变为函数表达式
function(){alert(3);}#匿名函数
+function(){alert(3);}();#前面加了+(() + - ! ~ )变为函数表达式,后面加上()便是调用
(function(){alert(3);})();
(function(){alert(3);}());#这两种加括号都可以

  3、实参形参

#在使用函数时,加括号导致的函数执行时,可以传递参数(形参、实参、不定参)

function fn(x){
alert(x);
}
fn(8);#执行函数时可以传递实参【用已知的变量(形参)或者具体的数据(实参)】
#形参:相当于函数局部的变量,命名规则和var相同,定义,无中生有 #很多个参数的情况
sum(4,9);
function sum(q,w){
alert(g+w);
}#形参和实参一一对应 #形参和实参数量不一样的情况
#实参大于形参
sum(4,9,3,5);
function sum(q,w,e){
alert(g+w+e);
}#可以运行,最后面的实参没有用 #形参大于实参
sum(4,9);
function sum(q,w,e){
alert(g+w+e);
}#出现NaN,传参的时候依次是q=3,w=9,e=undefined #可以给形参添加默认值
sum(4,9);
function sum(q,w){
q=q||0;#设置默认值,q或者0
w=w||0;
alert(g+w);
}

  4、不定参

sum(1,2,3,4,5,6,7,8,9,10);
function sum(){
var x=0;
for(var i = 0,len=arguments.length;i<len;i++){
x+=arguments[i];#将每个参数相加
}
console.log(x);
}

  5、返回值return

function fn(){
console.log(2);
return fn;#返回fn函数
}#每个函数默认返回undefined var a=fn;
console.log(a);

二、作用域

  1、解析顺序

#1、(定义)先解析var function参数
# a、该步骤的var只定义变量,后面的=赋值不解析
# b、该步骤的函数只定义函数,函数的执行不解析
# c、重名的只留一个、var和函数重名 函数优先
#2、(执行)在自上往下执行其他代码 #作用域:
#作用:读写 域:范围,区域
#解析:自上而下 1、找var定义函数 参数 2、执行

  2、

alert(a);
var a=10;
alert(a); #1、找
var a=undefined==>a=10(将库里面的a替换为10)
#2、执行
alert(a)==>undefined
a=10
alert(a)==>10

  3、

alert(a);
function a(){
alert(1);
}
alert(a); #1、找
a=function a(){
alert(1);
}
#2、执行
alert(a);#弹出函数体
#定义没调用,所以没关系
alert(a);#弹出函数体

  4、

alert(a);
function a(){
alert(4);
}
a();
alert(a); #1、找
a=function a(){
alert(4);
}
#2、执行
alert(a);#弹出函数体
a();#函数调用是新的作用域,只要是作用域,解析就要分两步
#1、找 :找不到
#2、执行: alert(4);==>4
alert(a);#弹出函数体

  5、

alert(a);
function a(){
alert(2);
}
var a=520;
alert(a); #1、找(函数优先)
a=function a(){
alert(2);
}
#2、执行
alert(a);#弹出函数体
a=520;
alert(a);#弹出520

  6、

var a=1;
function fn(){
alert(2);
var a=3;
}
fn();
alert(a); #1、找
a=undefined==》1
fn=function fn(){
alert(2);
var a=3;
}
#2、执行
fn();#找 a=undefined
#执行:alert(2);弹出 2
#a=3
alert(a); #弹出1#上面的函数只会改变函数里面的a,外面的改变不了

  7、

var a=1;
function fn(){
alert(2);
a=3;
}
fn();
alert(a); #找
a=undefined
fn=function fn(){
alert(2);
a=3;
}
#执行
var a=1;#赋值a
fn();#找:没找到
#执行:alert(2); 弹出2
# a=3;会去父级作用域找,从里往外找,会将外面的全局变量a赋值为3
alert(a);弹出3

  8、

var a=1;
function fn(a){
alert(2);
a=3;
}
fn();
alert(a); #找
a=undefined
fn=function fn(a){
alert(2);
a=3;
}
#执行
a=1
fn();#找:a=undefined 原因是有形参的时候了会定义个a
#执行 alert(a);弹出 2
#a=3 #赋值3
alert(a); #弹出1 里面的影响不了外面的

  9、

var a=1;
function fn(a){
alert(2);
a=3;
}
fn(a);
alert(a); #找
a=undefined
fn=function fn(a){
alert(2);
a=3;
}
#执行
a=1;
fn(a);#找a=undefined
#执行 fn(1);(相当于var a=1)
#alert(2);
#a=3
alert(a); #弹出1

  10、

var a=function(){
alert(1);
}
function a(){
alert(2);
}
a(); #找
a=function a(){
alert(2);
}
#执行
a=function(){
alert(1);
}
a();#找 :无
#执行alert(1); 弹出1

三、数据类型

  number方法

Number()  #参数中必须能被转换为数字,否则返回NaN

parseInt(解析的参数)  #将参数转换位数字,只打印整数部分

parseFloat()  #将参数转换位数字,不是数字就停,否则直到小数部分遇到不是数字就停

Num.toFixed(n) # 四舍五入保留n位小数

NaN(Not a Number) #不等于自己

  数学方法

Math #数学方法
Math.pow(16,2) #16的2次方
Math.round(5.5) #四舍五入(整数)
Math.ceil(0.2) #向上取整
Math.floor(0.9) #向下取整
Math.max() #取参数中的最大值
Math.min() #取参数中的最小值
Math.random() #0-1之间的随机数
Math.random()*m+n #n-(m+n)之间的随机数
Math.PI # π
Math.abs() #求绝对值

Python web前端 07 函数及作用域的更多相关文章

  1. Python web前端 05 JavaScript

    Python web前端 05 JavaScript 一.获取元素 1.初识JavaScript /* .. */ #这是多行注释 // #这是单行注释 #JavaScript是一种脚本语言,是一种动 ...

  2. Python web前端 06 运算符 循环

    Python web前端 06 运算符 循环 一.运算符 #JS六大数据类型 #number 数字 #string 字符串 #boolean 布尔型 #function 函数 #undefined 未 ...

  3. Python web前端 09 jQuery

    Python web前端 09 jQuery 一.三个重要网址 http://jquery.cuishifeng.cn/ #中文查询网站 http://www.bootcdn.cn/ #引入jq ht ...

  4. Python web前端 08 字符串 数组 json

    Python web前端 08 字符串 数组 json 一.string #string 字符串 #索引 下标 偏移量 ---从0开始 str[index]; #通过索引取字符串 可读不可写 str. ...

  5. Python web前端 01 HTML常用标签

    Python web前端 01 HTML常用标签 一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicr ...

  6. Python web前端 02 CSS

    Python web前端 02 CSS 一.选择器 1.CSS的几种样式(CSS用来修饰.美化网页的) #建立模板 复制内容--->SETTING---> Editor -----> ...

  7. Python web前端 03 CSS属性

    Python web前端 03 CSS属性 一.文字.文本属性 1.文字属性 font-family #字体类型浏览器默认的字体是微软雅黑,字体中有多个字体的时候,如果前面的字体没有就使用后面的字体 ...

  8. Python web前端 04 盒子模型

    Python web前端 04 盒子模型 盒子模型是由内容(content).内边距(padding).外边距(margin).边框(border)组成的 一.边框 border #border 边框 ...

  9. Python web前端 11 form 和 ajax

    Python web前端 11 form 和 ajax 一.打开服务器 将handlers.py.httpd.py和libs.py三个文件放入新文件夹中,双击打开httpd.py文件即可 二.ajax ...

随机推荐

  1. 2-1 CPU多级缓存-缓存一致性.mkv

  2. 数据预处理:PCA,SVD,whitening,normalization

    数据预处理是为了让算法有更好的表现,whitening.PCA.SVD都是预处理的方式: whitening的目标是让特征向量中的特征之间不相关,PCA的目标是降低特征向量的维度,SVD的目标是提高稀 ...

  3. SQL Server 触发器触发器

    内容摘抄自http://www.cnblogs.com/hoojo/archive/2011/07/20/2111316.html,只供自己笔记使用 触发器是一种特殊类型的存储过程,它不同于之前的我们 ...

  4. 面试题:filter过滤器 listener 监听器 案例有点用

    1.Filter工作原理(执行流程) 当客户端发出Web资源的请求时,Web服务器根据应用程序配置文件设置的过滤规则进行检查,若客户请求满足过滤规则,则对客户请求/响应进行拦截,对请求头和请求数据进行 ...

  5. 26.COUNT() 函数

    COUNT() 函数返回匹配指定条件的行数. SQL COUNT() 语法 SQL COUNT(column_name) 语法 COUNT(column_name) 函数返回指定列的值的数目(NULL ...

  6. ls -al

    ls -al:显示当前文件下所有的文件

  7. SQL聚集索引和非聚集索引的区别

    其实对于非专业的数据库操作人员来讲,例如软件开发人员,在很大程度上都搞不清楚数据库索引的一些基本知识,有些是知其一不知其二,或者是知其然不知其所以然.造成这种情况的主要原因我觉的是行业原因,有很多公司 ...

  8. MongoDB整理笔记の指定命令和指定文件

    MongoDB shell 不仅仅是一个交互式的shell,它也支持执行指定javascript 文件,也支持执行指定的命令片断.有了这个特性,就可以将MongoDB 与linux shell 完美结 ...

  9. HTML5 Canvas核心技术图形动画与游戏开发 ((美)David Geary) 中文PDF扫描版​

    <html5 canvas核心技术:图形.动画与游戏开发>是html5 canvas领域的标杆之作,也是迄今为止该领域内容最为全面和深入的著作之一,是公认的权威经典.amazon五星级超级 ...

  10. 替归算法获取Treeview所有节点

    treeview.nodes是获取下一级所有子节点,但是如果是多层的话,就不能,想个法子来获取所有的节点(含节点的子节点),想了想 还是替归算法比较方便,如是有了下面的代码 public static ...