当前位置: 代码迷 >> 综合 >> Day30 JavaScript
  详细解决方案

Day30 JavaScript

热度:44   发布时间:2024-02-26 16:28:24.0

一、什么是JavaScript

1.1、概述

JavaScript是一门世界上最流行的脚本语言。

java、JavaScript是没有关系的。JavaScript语言10天设计就出来了。

一个合格的后端,必须精通JavaScript。

1.2、历史

https://blog.csdn.net/kese7952/article/details/79357868

ECMAScript可以理解为是JavaScript的一个标准。

最新版已经到es6版本,但是大部分浏览器停留在es5代码上,所以会造成开发环境和线上环境版本不一致。

二、快速入门

2.1、引入JavaScript

  1. 内部标签使用。
<!--script标签内,写JavaScript代码-->
<script>alert("hello world");
//...
</script>
  1. 外部引入。

qj.js

<!--外部引入。注意:script必须成对出现-->
<script src="js/qj.js"></script>
<!--不用显示定义类型type,也默认就是javascript-->
<script type="text/javascript"></script>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!--script标签内,写JavaScript代码--><script>alert("hello world");</script><!--外部引入。注意:script必须成对出现--><script src="js/qj.js"></script><!--不用显示定义类型type,也默认就是javascript--><script type="text/javascript"></script>
</head>
<body><!--这里也可以存放-->
</body>
</html>

2.2、基本语法入门

<!--javaScript严格区分大小写-->
<script>// 1.定义变量 变量类型 变量名=变量值;var score = 1;var name = "jyw";alert(name);// 2.条件控制if (score < 60) {
     alert(false);} else if (score >= 60 && score < 70) {
     alert(true);}console.log(score);/**文本注释和java一致。* 浏览器检查元素里面:* 1.Elements:爬网页,复刻用。* 2.Console:调试js。* 3.Soures里面可以打js断点,进行调试。* 4.NetWork可以查看网页请求信息,。* 5.Appication用来存一些数据,查看Cookies相关信息。* 等等* *///console.log(score)在浏览器控制台打印变量!//Java里面是:System.out.println()// </script>

浏览器必备调试须知

在这里插入图片描述

2.3、数据类型

数值,文本,图形,音频,视频…

变量

var _$
var 王者荣耀="倔强青铜";

number :数值类型,js不区分小数和整数。

123//整数123
123.1//浮点数123.1
1.123e3//科学计数法
-99//负数
NaN//not a number
Infinity//无穷大

字符串

‘abc’ “abc”

“\n”

布尔值

true,false

逻辑运算

&& ,||, |

比较运算符号

=
== 等于(类型不一样值一样,也会判断为true)
=== 绝对等于(类型一样,值一样)

这个js一个缺陷,坚持使用===

须知:

  • NaN===NaN,NaN与所有数值都不相等,包括自己。
  • 只能通过isNaN(NaN)来判断是不是NaN

浮点数问题:

console.log((1/3)===(1-2/3));//false

尽量避免使用浮点数进行运算,存在精度问题。

console.log(Math.abs(1/3-(1-2/3))<0.0000001);//true

null和undefined

  • null 空
  • undefined 未定义

数组

java的数组必须是列相同类型的对象,js中不需要这样!

//为了保证代码的可读性,尽量使用[]这种方式
var arr = [1, 2, 3, 4, 5,"hello",null,true];
//数组对象
new Array(1, 2, "hello");
//打印数组元素,数组下标越界的,就会undefined
console.log(arr[0]);

对象

对象是大括号,数组是中括号。

每个属性之间用逗号隔开,最后一个需要逗号。

//Persion persion=new Persion();
var person = {
    name: "jyw",age: 3,tags: ['js', 'java', 'web']
}

取对象的值

person.age
3
person.name
"jyw"

2.4、严格检查模式

<!--
前提:idea 需要设置支持ES6语法。
'user strict';严格检查模式,预防js的随意性导致的一些问题,
必须写在script里面第一行。
局部变量用let定义。
-->
<script>'user strict';let i = 1;
</script>

在这里插入图片描述

  相关解决方案