关于JavaScript的学习笔记
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
JavaScript 用法
HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。
Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。
组成:
ECMAScript 、WebApls(包括DOM和BOM)
DOM指页面文档对象 ,BOM指浏览器对象模型。
语法:
- 区分大小写。
- 变量是弱型的
- 每行结尾的分号可有可无。
JavaScript 注释
JavaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释以 // 开头。
JavaScript 输入和输出
JavaScript 没有任何打印或者输出的函数。
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据:
- 使用 window.alert( ) 弹出警告框。
使用 document.write( ) 方法将内容写到 HTML 文档中。
作用:向body内输出内容。
注意:如果输出的内容写的是标签,也会被解析成网页元素。
结果如下:
- 使用 innerHTML 写入到 HTML 元素。
使用 console.log( ) 写入到浏览器的控制台。
作用:控制台输出语法,程序员调试使用。
输入语法:
作用:显示一个对话框,对话框中包一条文字信息,用来提示用户输入文字。
展示:
Javascript的关键词
变量:是什么?
作用:用来存放数据的。注意变量指的是容器,而不是数据。
变量的使用:
- 声明变量:语法
- 声明变量有两部分构成:声明关键词,变量名(标识)
变量赋值:
交互两个变量:典例
常量的基本使用:
案例:求圆的面积
数据类型:
- 值类型:字符串(String)、数字(Number)、布尔(Booolean)、对空(Null)、未定义(Underfined)、Symbol
- 引用数据类型(引用值):对象(Object)、数组(Array)、函数(Function)。
数字型(Number)
字符串类型(String)与拼接
字符串拼接:
布尔类型(boolean)
未定义类型(underfined)
null类型
类型判断
Typeof 操作符
Instanceof操作符:用于判断一个引用类型属于哪种类型
类型转换
隐式转换
显示转换:
Number:将变量转换为数字类型
String:将变量转换为字符串类型
Boolean:将变量转换为布尔值类型。Boolean会将非零的数字转为true,将零转为false
parseFloat:将变量转化为浮点类型
parseInt:将变量转化为整数类型
JavaScript 运算符
赋值运算符:
一元运算符和二元运算符:
比较运算符:
逻辑运算符:
JavaScript语言有多种类型的运算符:
类型 | 实例 | 描述 |
赋值,算术和位运算符 | = + - * / | 在 JS 运算符中描述 |
条件,比较及逻辑运算符 | == != < > | 在 JS 比较运算符中描述 |
if 条件语句
双分支 if语法:
If 多分支语法:
案例:根据不同的成绩,反馈不同的评价。
Switch语句
代码案例:
循环语句:
for循环语句:
While循环
退出循环:
打印数组:
九九乘法表打印输出:
数组:
数组的基本使用:
求数组最大值和最小值案例
对象:
对象的使用:
对象的操作:案例
结果如下:
对象使用:
第一种方法:对象名.属性名 例如:obj.name
对象名[‘属性名’] 例如:obj[‘age’]
遍历对象:
JavaScript 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
函数使用
JavaScript 函数语法
函数就是包裹在花括号中的代码块,前面使用了关键词 function:
function functionname()
{
// 执行代码
}
当调用该函数时,会执行函数内的代码。
可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。
注意 | JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。 |
函数的调用:
函数不调用自己不会执行
案例:
函数传参:
形参:可以看作变量,但是如果一个变量不给值,则默认是underfiined
如果用户不输入实参,则出现underfined+unedrfined 的结果就的NaN
如果用户不输入实参,可以给形参默认值,可以默认为0,比如以下操作:
说明这个默认值只会在缺少实参参数传递时 才会被执行,所以有参数会优先执行传递过来的实参,否则默认为underfined
函数封装:
函数返回值:
案例:
局部 JavaScript 变量
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕,本地变量就会被删除。
全局 JavaScript 变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向未声明的 JavaScript 变量分配值
如果您把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。
这条语句:
carname="Volvo";
将声明 window 的一个属性 carname。
非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。
作用域:
匿名函数
函数可以分为: