最新消息: 关于Git&GitHub 版本控制你了解多少?
您现在的位置是:群英 > 服务器 > 系统运维 >
JS有哪些必须知道的基础知识?
CSDN发表于 2020-09-24 17:55 次浏览
下面小编就为大家带来一篇JS基础随笔(菜鸟必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧。

数组

概念

  • 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式
  • 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素
  • 数组是一种将一组数据存储在单个变量名下的优雅方式

创建数组

利用 new 创建数组


  • 1var 数组名 = new Array() ;

利用数组字面量创建数组


  • 1var 数组名 = [];

数组的字面量是方括号 [ ] 声明数组并赋值称为数组的初始化

获取数组中的元素

索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)

数组可以通过索引来访问、设置、修改对应的数组元素,可以通过“数组名[索引]”的形式来获取数组中的元素 语法 var arr = [1,2,3];// 定义数组 alert(arr[1]); // 获取数组中的第2个元素 注意 如果访问时数组没有和索引值对应的元素,则得到的值是undefined

遍历数组

数组遍历

把数组中的每个元素从头到尾都访问一次(类似学生的点名),可以通过 for 循环索引遍历数组中的每一项

语法





  • 1var cc = ['red','black', 'yellow'];
  • 2for(var i = 0; i < arr.length; i++){
  • 3 console.log(cc[i]);
  • 4}

数组的长度

  • 数组的长度:默认情况下表示数组中元素的个数
  • 使用“数组名.length”可以访问数组元素的数量(数组长度)


  • 1var cc = [1,2,3];
  • 2alert(cc.length);

数组中新增元素

语法


  • 1数组[ 数组.length ] = 新数据;

函数

概念 函数就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用

函数的使用

声明函数




  • 1function 函数名() {
  • 2 //函数体代码
  • 3}

function 是声明函数的关键字,必须小写

调用函数

  • 1函数名();

声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码

函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口

函数的参数

函数参数语法

作用: 在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去

函数形参和实参数量不匹配时

函数的返回值

return 语句

函数调用整体代表的数据;函数执行完成后可以通过return语句将指定数据返回 语法
 

  • 1function 函数名(){
  • 2 ...
  • 3 return 需要返回的值;
  • 4}
  • 5函数名(); 

break ,continue ,return 的区别

  • break :结束当前的循环体(如 for、while)
  • continue :跳出本次循环,继续执行下次循环(如 for、while)
  • return :不仅可以退出循环,还能够返回 return 语句中的值,同时还可以结束当前的函数体内的 代码

函数的两种声明方式

自定义函数方式(命名函数)

利用函数关键字 function 自定义函数方式

语法



  • 1function fn() {...}
  • 2fn();

调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面

函数表达式方式(匿名函数)

语法



  • 1var fn = function(){...};
  • 2fn();

函数调用的代码必须写到函数体后面

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
相关信息推荐