Web前端自学记录（十）Javascript基础

Javascript基础

1.初识Javascript

JS代码需要编写到script标签中

<script>
        // 控制浏览器弹出一个警告框
        // alert("这是我的第一行JS代码");

        // 让计算机在页面中输出一个内容
        // document.write()可以向body中输出一个内容
        // document.write("Hello World");

        // 向控制台输出一个内容
        // console.log("Hello World");
</script>

2.JS代码编写的位置

可以将js代码写在script标签里

可以将JS代码编写到标签的onclick属性中。当我们点击按钮时，js代码才会执行

<button onclick="alert('HelloWorld')">点我一下</button>

可将将js代码写在超链接的herf属性中，当点击超链接时，会执行js代码

<a href="javascript:alert('HelloWorld')">点我一下</a>

虽然可以写在标签的属性中，但他们属于结构和行为耦合，不方便维护，不推荐使用

可以将js代码编写到外部js文件中，然后通过script标签引入
写到外部文件中可以在不同页面中同时引用，也可以利用浏览器缓存机制，推荐使用

<script src="./js.js"></script>

script标签一旦用于引入外部文件，就不能再编写代码了
如果需要则可以再创建一个新的script标签用于编写内部的代码

3.JS基本语法

多行注释

/*
   多行注释
*/

单行注释

// 单行注释 

基本语法

1.JS中严格区分大小写
2.JS中每一条语句以;结尾
  如果不写;，浏览器会自动添加，会消耗一些系统资源，而且有些时候，浏览器会加错;
3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

4.字面量和变量
字面量：一些不可改变的值
变量：

可以用来保存字面量，而且变量的值是可以任意改变的，变量更加方便我们使用
所以在开发中都是通过变量去保存一个字面量
可以通过变量对字面量进行描述

// 声明变量
// 在js中使用var关键字来声明一个变量
var a;
// 为变量赋值
a = 123

// 声明和赋值可以同时进行
var b = 789;

4.标识符

标识符

在JS中所有可以由我们自主命名的都可以称为时标识符
例如：变量名、函数名、属性名都属于标识符

命名一个标识符中需要遵守如下规则：
    1.标识符中可以含有字母、数字、_、$
    2.标识符中不能以数字开头
    3.标识符不能是JS的关键字或保留字
    4.标识符一般都采用驼峰命名法：首字母小写，每个单词的开头字母大写，其余字母小写

JS底层保存标识符时实际上是采用的Unicode编码
所以理论上讲，所有的utf-8中含有的内容都可以作为标识符

5.数据类型

数据类型指的就是字面量的类型，在JS中一共有6中数据类型

String 字符串
Number 数值
Boolean 布尔值
Null 空值
Undefined 未定义
Object 对象

其中String Number Boolean Null Undefined属于基本数据类型，而Object属于引用数据类型

String字符串

在JS中字符串需要使用引号引起来
使用双引号或者单引号都可以，但是不要混着用
引号不能嵌套，双引号不能放双引号，单引号不能放单引号

在字符串中我们可以使用\作为转义字符，当表示一些特殊符号时可以使用\进行转义

\" 表示"
\' 表示'
\n 表示换行
\t 制表符
\\ 表示\

可以使用一个运算符typeof来检查一个变量的类型

语法：typeof 变量
检查字符串时，会返回string
检查数值时，会返回number

Number：在JS中所有的数值都是Number类型， 包括整数和浮点数

JS中可以表示数值的最大值 Number.MAX_VALUE 值为 1.7976931348623157e+308
大于0的最小值，Number.MIN_VALUE 值为5e-324

如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷
使用typeof检查Infinity也会返回number

NaN 是一个特殊的数字，表示Not A Number
使用typeof检查NaN也会返回number

在JS中整数的运算基本可以保证精确，如果使用JS进行浮点运算，可能得到一个不精确的结果，所以千万不要使用JS进行对精确度要求比较高的运算。

Boolean 布尔值

布尔值只有两个，主要用来做逻辑判断
    true 表示真
    flase 表示假

使用typeof检查一个布尔值时，会返回boolean

Null

Null(空值)类型的值只有一个，就是null
null这个值专门用来表示一个为空的对象
使用typeof检查一个null值时，会返回object

Undefined

Undefined(未定义)类型的值只有一个，就是undefined
当声明一个变量，但并不给变量赋值时，它的值就是undefined
使用typeof检查一个undefined时也会返回undefined

后续会持续更新