前端javaScript学习第四天

目前在从事前端工作,特别总结javaScript基础知识供大家学习,本人特总结一下使用方法献给目前正在学习web前端的小伙伴们,希望你们在前端领域闯出属于自己的一片天空来,需要sublime软件安装包的或者前端资料的,可以加我创建的前端群 937268047

一、函数
2.1 函数声明
函数就是功能(function)
我们可以自己封装一些语句在函数内部,函数就具有了某一种特定的功能。

声明函数:
function 空格隔开函数名后面紧跟小括号,小括号中可以书写参数,将功能语句书写在大括号中表示整体。

函数声明只是告诉我们函数有什么功能有语句,并不会执行。
1// 声明函数
2function fun() {
3 // 将功能语句书写在大括号中,表示一个整体
4 console.log(1);
5 console.log(2);
6 console.log(3);
7}

2.2 函数调用
函数的声明不会执行,必须调用函数。
调用函数:函数名();
函数是一个整体,调用整个大括号都会执行。
1// 声明函数
2function fun() {
3 // 将功能语句书写在大括号中,表示一个整体
4 console.log(1);
5 console.log(2);
6 console.log(3);
7}
8
9// 调用函数
10// 函数名()
11fun();

1
2
3

函数声明一次,可以多次调用,函数的执行位置只有调用位置有关和声明位置没有关系。
1fun();
2console.log(4);
3fun();
4console.log(5);
5
6// 函数声明一次可以多次调用,执行位置和声明没有关系,和调用有关

1
2
3
4
5

函数优点:函数声明一次可以多次调用,简化代码书写。

2.3 参数
函数可以帮我们封装一些代码,代码可以重复调用,函数留了一个接口,就是我们的参数,可以通过参数的变化让我们的函数发生不同作用。

参数就是变量,命名规则和变量名一样,参数不用声明var
形式参数:函数在声明时,小括号中书写的是形式参数。(行参)
实际参数: 函数在执行时,小括号中书写的是实际参数(实参)
传参:函数调用时,将实际参数赋值给形式参数这个过程,就是传递

js是动态语句,参数的数据类型也是动态变化,取决于实际参数类型。
1function sum(a, b) {
2 // 功能
3 console.log(a + b);
4 console.log(typeof a);
5 console.log(typeof b);
6}

实际参数,和形式参数个数问题。
函数内部有一个类数组对象,arguments保存的是实际参数
1实际参数个数<形式参数个数。优先将实参赋值给前面的形参,没有赋值结果undefined.
1function fun(a,b) {
2 // a,b形参
3 // arguments保存实际参数
4 console.log(arguments);
5 console.log(a);
6 console.log(b);
7}
8// 调用实参少,优先将值赋值给前面的参数,么有赋值undefined
9fun(10);

2 实际参数>形式参数,将多余实际参数直接舍弃
1fun(10,20,111,1,1,2,3,43);

函数的优点2:函数有参数,相当于给我们提供一个API接口,我们可以通过接口去调用函数,执行不同的操作,后面封装函数的时候,只需要了解API的用途就够了,就是传参之后有什么结果,不用去了解函数里面的构造。不论是自己的函数还是用的别人封装好的函数,都只需要知道怎么用就够了。

原文地址:https://blog.51cto.com/14334627/2409203

时间: 2024-10-15 01:16:18

前端javaScript学习第四天的相关文章

JavaScript学习总结(四)——jQuery插件开发与发布

JavaScript学习总结(四)--jQuery插件开发与发布 目录 一.插件开发基础 1.1.$.extend 1.1.1.扩展属性或方法给jQuery 1.1.2.扩展对象 1.2.$.fn.extend 1.3.$.fn 二.插件开发 2.1.jQuery插件开发基本模式 2.2.获取上下文 2.3.第一个jQuery插件 2.4.链式编程 2.5.参数与默认值 2.5.1.默认值 2.5.2.参数对象 2.5.2.参数类型 2.6.命名空间与面向对象 2.7.插件与关联的CSS 2.8

前端乱煮之javascript学习笔记四

1 javascript number对象: javascript只有一种数字对象,那就是number.在javascript中,所有的数字都是64位,这一点不同于其他编程语言(类型语言),也就是说,javascript不是类型语言,不分整形.浮点型等等. 整数最多有十五位(不使用小数点或者指数计数法) 小数最多有十七位. 在javascript中,如果数字的第一个数是0,则会被理解为八进制:如果数字的第一个数字是0x,则会被理解为十六进制. 属性: MAX VALUE:最大值 MIN VALU

JavaScript学习总结(四)——this、原型链、javascript面向对象

一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.0.猜猜答案 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo

JavaScript学习第四天

1.自定义属性,使用好索引值 例子: 下面有一段js代码: <script> window.onload = function(){ var oBtn = document.getElementByTagName("button"); for(var i=0;i<oBtn.length;i++){ //在循环的时候给每一个btn添加一个自定义属性 oBtn[i].index = i;//这行代码的相当于<button index=0 type="but

Javascript 学习 笔记四

1.children和childNodes(参考:JavaScript中Element与Node的区别,children与childNodes的区别 children和childNodes) Node(节点)是DOM层次结构中的任何类型的对象的通用名称,Node有很多类型,如元素节点,属性节点,文本节点,注释节点等,通过NodeType区分,常见的有: 节点类型 NodeType 元素element 1 属性attr 2 文本text 3 注释comments 8 文档document 9 更多

JavaScript学习(四):JavaScript语法

ECMAScript的语法大量借鉴了C及其他类C语言(如Java和Perl)的语法. (1)区分大小写 区分大小写意味着,变量名test和Test分别表示两个不同的变量.也就是说,关键字.变量.函数名和所有标识符(identifier)都必须采取一致的大小写形式. 但需要注意的是,HTML并不区分大小写(尽管XHTML区分大小写).由于它和客户端JavaScript(运行在Web浏览器中的JavaScript)联系紧密,因此这点区别很容易混淆. 许多客户端JavaScript独享和属性与它们所表

前端开发学习笔记四

前天学习了固定导航栏根据页面滚动条距离来自动定位的效果,其中心思想就是通过判定当前滚动条的值与页面中相应内容值大小的关系来选择.js代码如下(用到了jQuery库): $(document).ready(function () { $(window).scroll(function () { var top = $(window).scrollTop(); var menu = $("#menu"); var items = $("#content").find(&

JavaScript学习总结(四)——逻辑OR运算符详解

在JavaScript中,逻辑OR运算符用||表示 1 var bTrue = true; 2 var bFalse = false; 3 var bResult = bTrue || bFalse; 下面的真值表描述了逻辑AND运算符的行为: 运算数 1 运算数 2 结果 true true true true false true false true true false false false 在JavaScript中,0,"",false,null,undefined,NaN

javascript学习第四课函数

常用函数方式示例: 注意:虽然函数支持嵌套调用,但尽量少用好一些. 简单的效率测试方法: 函数的作用域示例,三种生成函数对比: 函数的形参与实参: 小结: