JavaScript 基础第三天
一、前言
在前天的内容我们提到了有关于JS的一些语言结构,这些语言结构都是语法中最为基本的内容必须予以熟记并可以灵活掌握。
二、引入
在今天内容中我们将讨论两个很重要的概念,数组与函数。
三、重点内容
㈠ 数组
即数据的有序列表,存储的是一组数据。该数据的类型可以是任意类型,而数组中的元素可以随时的动态添加。那我们下面就讨论一下如何构建数组。
① 使用构造函数构建数组
// 第一种,用构造函数的方式创建 数组
var arr = new Array();// 创建了一个空数组,长度为0
// 数组就是数据的有序列表,这个顺序是按编号来的,默认以0开始,这个编号 叫做数组的索引或是下标
arr[0] = 100;
arr[1] = 99;
arr[2] = 98;
arr[10]=96;
console.log(arr.length);
console.log(arr);// 直接打印数组 ,就可以看到数组里面的数据
alert(arr);
② 使用字面量的方式创建数组
var arr = [100,98,96,99,93,95,97,69,89,58,87];
//console.log(arr[0]);
//console.log(arr[arr.length-1]); for(var i=0;i<arr.length;i++){
console.log(arr[i] +"===="+i);
}
//console.log(arr.length);
需要注意的是:① 因为JS是弱类型动态语言,所以里面的元素可以随时动态的添加的。数组的长度会随着里面数据的变化而变化。
② 和其他语言一样数组的下标也是与数组的长度相差一,在有些需求中需要注意。
㈡ 函数
即代码复用的一种机制或是封装某种功能的代码段。简单的说就是为了去除冗余或者垃圾代码的一种机制。
① 函数的定义:
function 函数名([参数列表]){
函数体(都是可执行的或是要执行的代码);
}
② 函数的三要素:
函数名:一般运用驼峰命名法来书写一个有意义的动词名字
参数:
形参:在函数定义时用于占位的参数。
实参:调用函数时实际传入的值
返回值:函数结束时返回给我们的结果。
注意:在三要素之中参数是不必须有的。返回值是每个函数都有的,如果没有明确的返回值的话,默认是undefined。
③ 形参和实参的关系:
定义好了函数之后,在函数调用的时候,会将函数的实参复制一份传到函数定义时的形参里面,会和之前的一一对应起来,如果实参和形参的个数不一样的时候,会先按之前的分配。实参和形参的个数是可以不一样的。
注意:当实参数和形参数不一样时就会对结果有所影响,这个时候我们运用短路运算的方式来避免结果的出错。
var i= 0;
function getSum(a,b,c){ // 在函数定义的时候,使用的参数叫做形参,起占位置的作用
// arguments
a = a || 0;
b = b || 0;
c = c || 0;
console.log(a+b+c);
} getSum(10,20);//在函数真正的调用的时候,传入的数据,才是实参
④ return的用法
在函数当中,return一般是用于返回函数当中的数据,如果return后面跟着数据,则后面的数据是整个函数的返回值,程序运行到这里的时候,会先将返回值返回出去,然后立即跳出当前函数,后面的代码不再执行。如果return 后面没有数据的话,程序运行到return处,则表示直接立即跳出当前函数,后面的代码都不执行。
四、总结
函数和数组作为重点必须可以熟练掌握,多次训练。
JavaScript 基础第三天的更多相关文章
- JavaScript基础(三)
十三.JS中的面向对象 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 ...
- JavaScript基础学习(三)—数组
一.数组简介 JavaScript数组的每一项都可以保存任何类型的数据,也就是说数组的第一个位置保存字符串,第二个位置可以保存数值,第三个位置可以保存对象,而且数组的大小是可以动态调整的,即可 ...
- 前端开发之JavaScript基础篇三
主要内容: 1.创建对象的几种方式 2.JavaScript内置对象 3.JavaScript错误--Throw.Try 和 Catch 4.JavaScript 表单验证 一.创建对象的几种方式 1 ...
- javascript基础(三)运算
原文http://pij.robinqu.me/ 递增递减操作符(包括前置和后置).一元正负符号操作符 这些操作符适用于任何数据类型的值,针对不同类型的值,该操作符遵循以下规则(经过对比发现,其规则与 ...
- 回归JavaScript基础(三)
主题:JavaScript基本概念. 任何语言的核心必然会描述这门语言最基本的工作原理.这部分内容对我们来说,读起来很乏味,甚至会产生困意,但这部分内容却是重要的!我有幸拜读<JavaScrip ...
- javascript基础(三): 操作DOM对象(重点)
DOM:文档对象模型 核心 浏览器网页就是一个Dom树形结构! 更新:更新Dom节点 遍历Dom节点:得到Dom节点 删除:删除一个Dom节点 添加:添加一个新的节点 要操作一个Dom节点,就必须要先 ...
- javascript基础拾遗(三)
1.map数组映射操作 function add(x) { return x+1 } var nums = [1,3,5,7,9] result = nums.map(add) console.log ...
- JavaScript基础三
1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数. ...
- JavaScript基础:DOM操作详解
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 前言 JavaScript的组成 JavaScript基础分为三个部分: ...
随机推荐
- MVC Html.ValidationSummary()样式优化
先看效果图 在MVC中常用ValidationSummary显示校验信息,默认样式为 针对Html.ValidationSummary()如何做优化 样式一: 在MVC中,如果你使用验证总结方法任何验 ...
- vue路由的简单实例
vue2.0 和 vue1.0 路由的语法还是有点稍微的差别,下面介绍一下vue-router 2的简单实例: <!DOCTYPE html> <html lang="en ...
- linux服务器TCP并发连接数优化
1.查看用户单一进程最大文件打开数 [root@localhost ~]# ulimit -n 1024 2.修改/etc/security/limits.conf文件,添加下面两行, [root@l ...
- Java广度优先爬虫示例(抓取复旦新闻信息)
一.使用的技术 这个爬虫是近半个月前学习爬虫技术的一个小例子,比较简单,怕时间久了会忘,这里简单总结一下.主要用到的外部Jar包有HttpClient4.3.4,HtmlParser2.1,使用的开发 ...
- windbg不识别pdb文件符号
一开始配置完毕后 输入reload 但不识别 输入reload -f 还是不识别 输入reload -f 模块名 继续不识别 !sym noisy 查看 输入reload 发现有了一堆的查找路径 把 ...
- js ShowDialogModal 关闭子页面并刷新父页面,保留查询条件
不知道大家有没有碰到类似的问题,当时的你是什么思路来处理这个问题呢?是url,session,cookie,还是…… 今天笔者就遇到了这个问题,当时的想法如:url,session,cookie都尝试 ...
- C#图片压缩处理算法
原文链接:http://blog.csdn.net/szstephenzhou/article/details/38900345
- 在 JQuery Mobile 中实现瀑布流图库布局
先来看在Windows系统的1080P显示器中显示的效果: 这个整合方式几乎没有现存的实例,是自己总结出来的方法,在此记录下来. 首先访问Masonry官网下载masonry.pkgd.min.js: ...
- effetive C++ 02 尽量以const,enum,inline替换#define
#define ASPECT_RATIO=1.1const double AspectRatio=1.1 1. 使用宏会导致预处理器把程序代码中的ASPECT_RATIO无条件替换为1.1,编译器从未 ...
- opencv 处女作
显示一幅图:主要是运用功能:imread namedWindow imshowimread:从字面意思我们就可以看懂,用来读取图片的:namedWindow:显然,我们也可以看到这是用来命名窗口名称的 ...