JS自学笔记03

1、函数练习:

如果函数所需参数为数组,在声明和定义时按照普通变量名书写参数列表,在编写函数体内容时体现其为一个数组即可,再传参时可以直接将具体的数组传进去

var max=getArratMax([1,4,2,6,8,2,5]);

关于说明:

/**
*函数的说明
*@param array参数为一数组//解释说明参数列表
*returns //解释说明返回值
*
*
/ 当有人需要查看该函数的说明时,使用ctrl+左键点击函数名即可访问以上注释

//输入年月日,获取这个日期是这一年的多少天
function getDates(years,month,day){
var days=day;
if(month==1){
return days;
}
var months=[31,28,31,30,31,30,31,31,30,31,30,31];
}
for(var i=0;i<month-1;i++){
days+=months[i];
}
//判断是否为闰年
if(year%4==0&&year%100==0&&year%400==0&&month>2)
{
days++;
}
return days;

2、arguments对象

定义一个函数,若不确定用户是否传入了多少参数,此时若知道了参数的个数,就可继续进行运算

arguments.length可获取当前参数列表的参数个数

只使用arguments对象可以查看当前所传参数

3、函数的其他定义方式

1)命名函数:函数具有函数名,函数名存储的是函数代码

匿名函数:函数不具有函数名,不能直接调用

2)函数表达式的定义方式:

var 变量名=function(...){...};
f(...);//调用函数
function f(){
console.log("你好");
}
console.log(f);//将输出f函数的代码
var f1=function(){
console.log("你好");
}
f1();//你好
f1=function(){
console.log("您好");
};
f1();//您好
//根据函数名存储的是函数代码的原理
(function(){console.log("你好")})();
函数的自调用,没有名字,声明的同时直接调用
一次性的

函数同时也是一数据类型,function型,可作为参数使用

注意,作参数时不需要带括号,被称为回调函数

function f1(fn){
fn();
}
function f2(){
console.log(你好);
}
f1(f2);

函数也可作为返回值被使用

function f(){
console.log("你好");
return function(){console.log("输出")}
}
var ff=f();//调用
ff();

4、作用域

1)全局变量:

该变量是由var声明的,为全局变量,可以在页面的任何位置使用。如果页面不关闭,该变量将一直占有内存空间不被释放

局部变量:在函数内部的变量是局部变量,外边不可使用。除了函数以外,其他的任何位置定义的变量都是全局变量

块级作用域:{}一对大括号可视为一块,在这对括号内定义的变量只能在该块内使用。js中不存在块级作用域,在块内声明的变量也可以在块外使用,函数除外。

全局作用域:全局变量的使用范围

局部作用域:局部变量的使用范围

隐式全局变量:不使用var声明变量,被称为隐式全局变量,可以被delete关键字删除并释放,全局变量则不能;并且隐式全局变量使用在函数内,外界仍可直接访问该变量。

2)作用域链

5、预解析

1)提前解析代码

把变量及函数的声明提前。把变量声明提前到当前所在作用域最上面。把函数声明提前到当前所在作用域最上面。先提升var,再提升function

console.log(num);
var num=10;//系统预解析该条指令中的声明部分,上述输出语句将输出undefined
f();//输出undefined,就算没有下面10的赋值语句也是undefined,因为都只会把声明提前,然后执行函数
var num=20;
function f(){
console.log(num);
var num=10;
}

案例:

function f1(){
console.log(num);
var num=10;
}
f1();//输出undefined
console.log(num);//访问不到,报错
预解析中,变量的提升,只会在当前的作用域中提升,提升到当前作用域的最上面。函数中的变量只会提升到函数的作用域中的最前面,不会出去 预解析会分段。不同对script标签中的重名函数预解析不会发生冲突
var a=25;
function abc(){
alert(a);
var a=10;
}
abc();//undefined
console.log(a);// 25 console.log(a);//输出函数体内容
function a(){
console.log('aaaa');
}
var a=1;
console.log(a);//1
var a=b=c=9;
//其中a为全局变量,在函数体内定义时只在体内有效。b,c是隐式全局变量,全场有效
f1();//报错
var f1=function(){
console.log(a);
var a=10;
}

JS自学笔记03的更多相关文章

  1. JS自学笔记05

    JS自学笔记05 1.例题 产生随机的16进制颜色 function getColor(){ var str="#"; var arr=["0","1 ...

  2. JS自学笔记04

    JS自学笔记04 arguments[索引] 实参的值 1.对象 1)创建对象 ①调用系统的构造函数创建对象 var obj=new Object(); //添加属性.对象.名字=值; obj.nam ...

  3. JS自学笔记02

    JS自学笔记02 1.复习 js是一门解释性语言,遇到一行代码就执行一行代码 2.查阅mdn web文档 3.提示用户输入并接收,相比之下,alert只有提示的作用: prompt(字符串) 接收: ...

  4. JS自学笔记01

    JS自学笔记01 1.开发工具 webstorm 2.js(javascript) 是一门脚本.解释性.动态类型.基于对象的语言 含三个部分: ECMAScript标准–java基本语法 DOM(Do ...

  5. Node.js自学笔记之回调函数

    写在前面:如果你是一个前端程序员,你不懂得像PHP.Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个非常好的选择.这段时间对node.js进行了简单的学习,在这里 ...

  6. 老男孩Python全栈开发(92天全)视频教程 自学笔记03

    day3课程目录: pyhton的历史 32bit和64bit系统的区别 Python版本的选择 第一个pyhton程序 文件后缀名及系统环境变量的介绍 pyhton程序的执行和其他编程语言的简单对比 ...

  7. JAVA自学笔记03

    1.三目运算符 1)格式:(关系表达式)?表达式1:表达式2 true则执行表达式1,false则执行表达式2 @ 例题1 :求两数中的较大值 System.out.println(x>y?x: ...

  8. JavaScript自学笔记(1)---表单验证,let和const,JSON文件

    今天开个JS自学笔记,本身JS的语法很简单,如果学过Java或者C系的都很容易,就不讨论了.主要是讨论实际应用的问题. 1.表单验证: a.html自动验证: HTML 表单验证可以通过浏览器来自动完 ...

  9. 一点感悟:《Node.js学习笔记》star数突破1000+

    写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...

随机推荐

  1. Spring MVC基础知识整理➣数据校验与格式化

    概述 将view中Form的数据提交到后台之后,后台如何验证数据的有效性?在这里Spring MVC提供了相应的Hibernate类包(hibernate-validator-4.3.1.Final. ...

  2. 从入门到深入FIDDLER 2

    在开发的过程中使用过不少的HTTP网络抓包工具,如:HTTPAnalyzer,HttpWatch. Fiddler几乎囊括了大部分的抓包请求,当然最给力的还是它的断点调试功能,尤其还有使用本地文件代替 ...

  3. vue $mount 和 el的区别

    两者在使用效果上没有任何区别,都是为了将实例化后的vue挂载到指定的dom元素中. 如果在实例化vue的时候指定el,则该vue将会渲染在此el对应的dom中,反之,若没有指定el,则vue实例会处于 ...

  4. NOIP2017提高组Day2T3 列队 洛谷P3960 线段树

    原文链接https://www.cnblogs.com/zhouzhendong/p/9265380.html 题目传送门 - 洛谷P3960 题目传送门 - LOJ#2319 题目传送门 - Vij ...

  5. BigDecimal的引入和概述

    [代码] System.out.println(0.09 + 0.01); System.out.println(0.1 - 0.32); System.out.println(1.015 * 100 ...

  6. 003 使用SpringMVC开发restful API--查询用户

    一:介绍说明 1.介绍 2.restful api的成熟度 二:编写Restful API的测试用例 1.引入spring的测试框架 在effective pom中查找 2.新建测试包,测试类 3.测 ...

  7. 关闭selinux服务

    vim /etc/selinux/config 将SELINUX=disabled 执行setenforce 0

  8. TF:Tensorflow结构简单应用,随机生成100个数,利用Tensorflow训练使其逼近已知线性直线的效率和截距—Jason niu

    import os os.environ[' import tensorflow as tf import numpy as np x_data = np.random.rand(100).astyp ...

  9. POJ 3662 Telephone Lines【二分答案+最短路】||【双端队列BFS】

    <题目链接> 题目大意: 在一个节点标号为1~n的无向图中,求出一条1~n的路径,使得路径上的第K+1条边的边权最小. 解题分析:直接考虑情况比较多,所以我们采用二分答案,先二分枚举第K+ ...

  10. Linux使用nexus搭建maven私服

    一.准备工作  系统:LINUX           JDK:已安装(未安装详见jdk安装教程:http://www.cnblogs.com/muzi1994/p/5818099.html)     ...