学习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');//传递四个参数
目录
相关文章
|
1天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
2天前
|
存储 JavaScript 前端开发
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
|
2天前
|
JavaScript 前端开发
每日一道javascript面试题(七)你真的知道箭头函数吗
每日一道javascript面试题(七)你真的知道箭头函数吗
|
7天前
|
JavaScript 前端开发
js开发:请解释什么是ES6的Generator函数,以及它的用途。
ES6的Generator函数是暂停/恢复功能的特殊函数,利用yield返回多个值,适用于异步编程和流处理,解决了回调地狱问题。例如,一个简单的Generator函数可以这样表示: ```javascript function* generator() { yield &#39;Hello&#39;; yield &#39;World&#39;; } ``` 创建实例后,通过`.next()`逐次输出&quot;Hello&quot;和&quot;World&quot;,展示其暂停和恢复的特性。
16 0
|
7天前
|
JavaScript 前端开发 算法
< JavaScript小技巧:如何优雅的用【一行代码 】实现Js中的常用功能 >
在开发中,采用简洁的语法和结构,遵循一致的命名规范,具有良好的代码组织和注释,能很好的提高代码的质量。可读性:易于阅读和理解。清晰的命名、简洁的语法和良好的代码结构可以使代码的意图更加明确,降低理解代码的难度,提高代码的可读性。可维护性:易于维护。当代码逻辑清晰、结构简洁时,开发者可以更快速地定位和修复bug,进行功能扩展或修改。同时,可读性高的代码也有助于后续的代码重构和优化。可扩展性:更具有扩展性和灵活性。清晰的代码结构和简洁的代码风格使得添加新功能、修改现有功能或扩展代码更加容易。
< JavaScript小技巧:如何优雅的用【一行代码 】实现Js中的常用功能 >
|
8天前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
7 1
|
8天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
13 1
|
14天前
|
缓存 JavaScript 前端开发
js的入口函数,入口函数的作用
js的入口函数,入口函数的作用
16 4
|
JavaScript 前端开发 开发者
JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承
今天无论是在浏览器中还是在浏览器外,JavaScript世界正在经历翻天覆地地变化。如果我们谈论脚本加载、客户端的MVC框架、压缩器、AMD、Common.js还有Coffeescript……只会让你的脑子发昏。
799 0