学习javaScript必知必会(1)~js介绍、函数、匿名函数、自调用函数、不定长参数

简介: 学习javaScript必知必会(1)~js介绍、函数、匿名函数、自调用函数、不定长参数

一、简单了解一下JavaScript(js)

1、什么是js?

js:是网景公司开发的,是基于客户端浏览器,

面向(基于)对象事件驱动式的页面脚本语言。

2、什么场景下使用到js?

表单验证、页面特效、Ajax、小游戏

3、js快速入门:

(1)直接使用标签script,然后在script标签下编写js代码

(2)通过标签script的src引入外部文件

4、js语句的细节(语句的;可加可不加):

js中的语句没那么严格,每个语句可以加; 也可以不叫;

(建议是加,因为你写其他语言的语句是要求加;统一都加;更舒服)

5、关于script标签(常有的属性):

(1)language:引用的语言,可以是Javascript,php、c#等

(2)src:引入外部的js文件

6、js中的变量:声明使用 let(js是弱语言,不需要指定变量类型,统一使用let)

□ es6之前使用的是var


二、js中的函数、匿名函数、自调用函数、不定长参数

1、js中的函数:定义函数使用function(js是弱语言,不需要指定函数返回值类型,统一使用function)

■ 定义函数格式:

function 函数名([参数1,参数2,参数3...]){
//函数执行b部分;
    return 表达式;
}
//调用:直接函数名();
函数名();

■ 了解一下js中定义的函数的本质是:

//【函数名即首地址】
函数名=function(){
}  
//函数名其实是存储在js内置对象windows下,
//window的属性(属性名==函数名)指向了函数的内存首地址
window.函数名=function(){
}  
//在js中定义的变量也好,方法也好,都是存储到window下【window的属性】
//例如变量:
var a = 10; //实质是 widow.a = 10;
//例如函数:
function doHomeWork(hour,paper){
}
//实质是
window.doHomeWork = function (hour,paper){
}

2、匿名函数:[变量可以保存数据,也可以保存地址。 () 具有执行意义]

//通过一个变量执行函数的首地址,这种在定义函数时没有函数名的方式,然后使用变量来保
存函数的首地址的方式----匿名函数定义
var i = function (参数1,参数2,参数3...) {
}
//执行函数
i();

3、自调用匿名函数(作用:避免函数命名的冲突、只执行一次,一般用于做初始化工作

(function ([,参数列表]) {
    //执行部分
}).([,参数列表的实参值]);

4、不定长参数:

■ 在js中,函数没有定义形参,但是却给其传递实参的值,则实参的值是传递给默认的arguments数组

//没有定义形参,则实参会传给默认的属性数组arguments
function f() {
    for(var i = 0; i < arguments.length; i++){
        document.write(arguments[i] + '<br/>')
    }
}
//调用f函数
f('baobei','dabaobei', 'xiaobaobei');//传递三个参数
f('a', 'b', 'c', 'd');//传递四个参数
目录
相关文章
|
13天前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
2月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
2月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
47 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
2月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
2月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
50 7
|
2月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
2月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
3月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
3月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
6月前
|
存储 JavaScript 前端开发