学习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');//传递四个参数
目录
相关文章
|
25天前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
40 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
12天前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
43 1
|
24天前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
12天前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
2月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
2月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
24 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
100 2
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
134 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
85 4