[ 前端与 JavaScript基础知识(1) | 青训营笔记]

146 阅读3分钟

前面两篇笔记我分别介绍了HTML和CSS的基础知识,本篇笔记主要是讲诉我学习JavaScript的收获。

什么是JavaScript

JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等。

怎么使用JavaScript

HTML 中的 Javascript 脚本代码必须位于<script> 与 </script> 标签之间。

Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。

我的第一个 JavaScript代码

<script> 
alert("我的第一个 JavaScript代码"); 
</script>

JavaScript 输出数据

  • 使用 window.alert()  弹出警告框。
  • 使用 document.write()  方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log()  写入到浏览器的控制台。

JavaScript 语法

JavaScript 字面量
  • 数字(Number)
  • 字符串(String) 可以使用单引号或双引号
  • 表达式字面量 用于计算:例5 + 1
JavaScript 变量

变量用于存储数据值。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值.

使用 const 关键字来定义一个常量,使用 let 关键字定义的限定范围内作用域的变量。

JavaScript 操作符

赋值,算术和位运算符:=  +  -  *  / 条件,比较及逻辑运算符:==  != <  >

JavaScript 关键字

abstract else instanceof super boolean enum int switch break等等

JavaScript 注释

单行注释以 // 开头,多行注释以 /* 开始,以 */ 结尾。

JavaScript 数据类型

值类型(基本类型) :字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。

引用数据类型(对象类型) :对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。

JavaScript 对象

可以使用字符来定义和创建 JavaScript 对象:

var student = {  
    Name:"John",  
    age:18,    
};
访问对象属性

1、student.Name; 2、student["Name"];

对象方法

对象的方法定义了一个函数,并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

JavaScript 函数
语法
function functionname()  
{  
     // 执行代码
}

注意:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。

JavaScript 作用域

在 JavaScript 中, 对象和函数同样也是变量。

在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。

JavaScript 函数作用域: 作用域在函数内修改。

局部作用域

变量在函数内声明,变量为局部变量,具有局部作用域。

局部变量:只能在函数内部访问。

全局变量

变量在函数外定义,即为全局变量

JavaScript 变量生命周期

JavaScript 变量生命周期在它声明时初始化。

局部变量在函数执行完毕后销毁。

全局变量在页面关闭后销毁。

还有部分知识点,我会写在下一篇笔记中,敬请期待!
另外本篇文章如有错误,欢迎指正,谢谢!!!