JavaScript 基础快速掌握知识点

Posted 久绊A

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 基础快速掌握知识点相关的知识,希望对你有一定的参考价值。

目录

为什么要学JavaScript?

什么是JavaScript 

特点:

组成:

 JavaScript的基本结构

基本结构

内部引用

外部引用

console对象进行输出

JavaScript核心语法 

1、变量声明

2、数据类型 

3、运算符 

4、条件语句 

5、循环语句 

6、数组 

7、对象 

JavaScript有两种注释方式

单行注释

多行注释


为什么要学javascript?

表单验证-减轻服务器端压力

什么是JavaScript 

是一种基于对象和事件驱动的、并具有安全性能的脚本语言

特点:

html页面中添加交互行为 脚本语言,语法和Java类似 解释性语言,边执行边解释 

组成:

 JavaScript的基本结构

基本结构

<script type="text/javascript" > //指定文本使用的语言类别
    //  JavaScript 语句;
</script >

内部引用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript的基本结构</title>
</head>
<body>
	<script type="text/javascript"> document.write("你好,JavaScript");
    //向页面输可以包含HTML标签的内容

	</script>
</body>
</html>

<script></script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存

外部引用

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Page</title>
    <script src="path/to/myScript.js">//外部引用 </script>
    
  </head>
  <body>
    
  </body>
</html>

使用<script>标签将JavaScript文件链接到HTML页面中,src属性指定了JavaScript文件的路径,可以是相对路径或绝对路径。

console对象进行输出

1、console.log():输出信息到控制台,常用于调试和测试。

console.log("Hello World"); // 输出 "Hello World"

2、console.error():输出错误信息到控制台,常用于捕获和调试错误。 

console.error("Something went wrong!"); // 输出错误信息

3、 console.warn():输出警告信息到控制台,常用于提醒和警示。

console.warn("This action cannot be undone!"); // 输出警告信息

JavaScript核心语法 

1、变量声明

在JavaScript中,您可以使用关键字 varletconst 来声明变量。其中,var 关键字是旧的声明方式,而 letconst 是 ES6 中引入的新声明方式。

var a = 1;
let b = 2;
const c = 3;

2、数据类型 

JavaScript中的数据类型有七种:字符串(String)、数字(Number)、布尔(Boolean)、null、undefined、对象(Object)和 Symbol。

var name = "John";
var age = 25;
var isStudent = true;
var person = 
  name: "John",
  age: 25
;
var car = null;
var test;

3、运算符 

JavaScript中的运算符包括算术运算符、比较运算符、逻辑运算符等。其中,算术运算符用于执行算术操作,比较运算符用于比较两个值,逻辑运算符用于组合和比较布尔值。

var x = 5;
var y = 3;
var z = x + y; // 算术运算符
var isGreater = x > y; // 比较运算符
var isTrue = x > 3 && y < 5; // 逻辑运算符

4、条件语句 

条件语句用于根据条件执行不同的代码块。JavaScript中的条件语句有 if 语句、else if 语句和 switch 语句。

var x = 10;
if (x > 5) 
  console.log("x is greater than 5");
 else 
  console.log("x is less than or equal to 5");


var color = "blue";
switch (color) 
  case "red":
    console.log("color is red");
    break;
  case "blue":
    console.log("color is blue");
    break;
  default:
    console.log("color is not red or blue");

5、循环语句 

循环语句用于多次执行相同的代码块。JavaScript中的循环语句有 for 循环、while 循环和 do...while 循环。

for (var i = 0; i < 5; i++) 
  console.log(i);


var j = 0;
while (j < 5) 
  console.log(j);
  j++;


var k = 0;
do 
  console.log(k);
  k++;
 while (k < 5);

6、数组 

数组是一种存储多个值的数据结构,JavaScript中的数组可以存储不同类型的数据,其语法如下:

var arrayName = [item1, item2, ...];
var fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // 输出 "apple"

7、对象 

对象是一种数据结构,用于存储键值对,其中键是字符串,值可以是任何数据类型。对象可以通过点号或方括号访问其属性,其语法如下:

var objectName = 
  property1: value1,
  property2: value2,
  ...
;
var person = 
  name: "John",
  age: 25,
  isStudent: true
;

console.log(person.name); // 输出 "John"
console.log(person["age"]); // 输出 25

JavaScript有两种注释方式

在JavaScript中,注释是一种用于添加说明和描述的文本,它不会被JavaScript解释器执行,也不会影响程序的运行。

单行注释

单行注释以 // 开始,直到行末结束。例如:

// 这是一条单行注释

多行注释

多行注释以 /* 开始,以 */ 结束。例如:

/*
这是一条多行注释
可以跨越多行
*/

以上是关于JavaScript 基础快速掌握知识点的主要内容,如果未能解决你的问题,请参考以下文章

快速掌握JavaScript面试基础知识

Java面试必备面试题,助你快速掌握Java基础知识点,顺利通过大厂面试

零基础 快速学Java韩顺平 p20-26 快速掌握技术转义字符易犯错误注释代码规范

JavaScript 面向对象快速掌握知识点

零基础如何快速学好大数据?

零基础如何快速学好大数据?