JavaScript的基本知识

JavaScript是干什么的？

HTML是基本的网页（文字 图片 视频）
CSS通过控制布局和样式让网页更加美观
JavaScript是给网页添加动画和一些其他的交互事件，让网页变得更加活泼。
JavaScript跟编程语言差不多，不过它不是编程语言，它是脚本语言，它的运行不需要编译，直接由解释器解释执行。它也有变量、函数。

JavaScript的特点：

1，语法相对来说比较简单（弱类型的变量类型）

2，跨平台（JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持）

书写第一个JavaScript代码

<script type="text/javascript">
            
            alert("Hello World！！");
        </script>

实现的效果图：

 

书写js代码的三种方式

第一种方式：网页内(可以放在网页的任意位置)

<script type="text/javascript">
</script>

第二种方式：行内引入（通过事件方式进行引入）

<font onclick="alert('你点击我了')">你好</font>

点击你好时的效果：

第三种方式：外部引入的方式

<script type="text/javascript" src="test.js" ></script>

 

什么是函数？

一个函数有自己一个固定的功能，调用函数相当于调用这个功能。函数有系统内置的函数，我们也可以定义自己的函数，使用这个函数实现我们想要的功能。
在定义函数的时候，我们需要写很多行代码来实现我们想要的功能。
函数可以被多次调用，我们只需要通过函数名调用即可调用响应的功能，这样就避免了每次想要调用某个功能的时候，就去书写重复的代码。

函数的作用：
1，一个函数实现一个固定的功能
2，避免重复写代码

函数怎么调用？
xxx1(arg1,arg2,arg3);
函数名是定义的时候决定的，参数也是定义的时候决定的。我们想要什么功能就必须调用对应名字的函数，并且提供对应的参数。（调用别人的函数的时候，不能自己随便写函数名和参数）

什么是字符串？

几个字符（中文字符或者英文字符或者某个特殊符号比如逗号）组合在一起，组成一个串，就是字符串。
字符串是JavaScript中的一种数据类型。
JavaScript中的数据是指什么呢？

（字符串，数字，图片，某个运算结果等 这些都是数据）
每个数据都有自己的数据类型，不同的数据类型在内存中有不同的存储方式。我们只需要告诉解释器某个数据的数据类型是什么，不用管它怎么在内存中存储的。解释器（浏览器）会自动的根据这个数据的类型，把它按照响应的方式存储到内存中。

JavaScript中的字符串的规范
字符串必须使用单引号或者双引号括起来。

什么时候使用单引号，什么时候双引号呢？
（1）只使用字符的字符串（字符串不包括单引号或者双引号），单引号和双引号没有区别
（2）在包括单引号的字符串中可以直接用双引号，在包括双引号的字符串中可以直接用单引号
（3）如果在双引号包括的字符串中用双引号，需要用反斜杠转义，注意是"" ;同样在单引号包括的字符串中用单引号，也需要转义
（4）如果要用反斜杠，则输入‘\’

alert("欢迎来到博客园"perfect*"");

js中的数据类型

数字类型就是可以直接做数学运算（加减乘除）的数据类型。
直接书写就可以了
100 -100
100.00 100.3 -90.4
123e5（12300000） 123e-5（0.00123） //科学计数法

alert(100)

JavaScript中的所有数据类型
字符串(string)
数字(number)
布尔(boolean)
数组(array)
对象(object)
空(null)
未定义(undefined)

typeof()判定数据的类型，不会直接显示出来：

eg:

alert(typeof("欢迎来到\博客园"perfect*""));

效果：

JavaScript的语句
一个语句以；分号结尾

注释：
单行注释 //
多行注释 /* */
快捷键

js中变量的声明

 

JavaScript中的变量

var x = 2; //变量声明语句，赋值语句

x = 3;
变量里面存储的是一个数据，使用变量，相当于使用这个变量里面的数据！

变量可以被重复使用

为什么不直接使用数据，而通过变量来使用呢？

var str="Hello World!!";//右边赋值左边
        alert(str);

var（variable）用来定义变量的；

=:赋值运算符

在某些情况下，我们需要存储的数据是变化的，比如玩游戏的时候的分数。

js中变量的注意事项

(JavaScript是弱类型的语言)
变量声明的时候不需要指定类型
变量的类型是由这个变量里面的值决定的
变量可以存储不同类型的数据
变量的声明不是必须的（前提条件是变量是被赋值的，要不然它的结果仍然是undefined）

var score;//声明
        score=0;//变量第一次被赋值的时候称为初始化
        alert(score);

变量被声明，但是没有被赋值，结果为undefined

多个变量声明

var name1 = v1, name2 = v2, name3 = v3;

JavaScript变量命名规则

1，变量必须以字母开头
2，变量也能以 $ 和 _ 符号开头（不推荐）
3，变量名称对大小写敏感（y 和 Y 是不同的变量）
4，不能使用关键字

JavaScript中的关键字
var break continue function ...

将信息打印在控制台上：

console.log(score);

赋值和算术运算符

运算符
赋值运算符 =
算术运算符 + - * / % ++ --
赋值运算符 += -= *= /= %=
字符串相加
字符串和其他类型数据相加

var a=100;//将右边赋值给左边的变量
        var b=100;
        var c1=a+b;
        var c2=a-b;
        var c3=a*b;
        var c4=a/b;
        
        
       console.log(c1);
       console.log(c2);
       console.log(c3);
       console.log(c4);

浏览器中打印出的显示效果：

 数字与字符串相加，数字会转换为字符串进行拼接：

var d1=100+"perfect*";
       var d2="perfect*"+100;
       var d3=100+100+"perfect*";
       var d4="perfect*"+100+100;
       var d5=""+100+100;//为了把数字转换为字符串的方法
       console.log(d1);
       console.log(d2);
       console.log(d3);
       console.log(d4);
       console.log(d5);
       

浏览器控制台打印结果：