JavaScript负责页面中的的行为。
它是一门运行在浏览器端的脚本语言。

JS的编写的位置

可以编写到标签的指定属性中

			<button onclick="alert('hello');">我是按钮</button>
			<a href="javascript:alert('aaa');">超链接</a>

可以编写到script标签中

			<script type="text/javascript">
				//编写js代码
			</script>

可以将代码编写到外部的js文件中，然后通过标签将其引入

			<script type="text/javascript" src="文件路径"></script>

输出语句

alert("要输出的内容");
- 该语句会在浏览器窗口中弹出一个警告框
document.write("要输出的内容");
- 该内容将会被写到body标签中，并在页面中显示
console.log("要输出的内容");
- 该内容会被写到开发者工具的控制台中

在这里插入图片描述

基本的语法

注释
- 单行注释//注释内容
- 多行注释/* 注释内容 */
JS严格区分大小写
JS中每条语句以分号;结尾
JS中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。
字面量和变量
- 字面量
  - 字面量实际上就是一些固定的值，比如 1 2 3 4 true false null NaN “hello”
    字面量都是不可以改变的。
  - 由于字面量不是很方便使用，所以在JS中很少直接使用字面量
- 变量
  - 变量可以用来保存字面量，并且可以保存任意的字面量
  - 一般都是通过变量来使用字面量，而不直接使用字面量，而且也可以通过变量来对字面量进行一个描述
  - 声明变量
    - 使用var关键字来声明一个变量
      var a;
      var b;
      var c;
    - 为变量赋值
      a = 1;
      b = 2;
      c = 3;
    - 声明和赋值同时进行
      var d = 456;
      var e = 789;
标识符
- 在JS中所有的可以自主命名的内容，都可以认为是一个标识符，
  是标识符就应该遵守标识符的规范。
- 比如：变量名、函数名、属性名
- 规范：
  1.标识符中可以含有字母、数字、_、$
  2.标识符不能以数字开头
  3.标识符不能是JS中的关键字和保留字
  4.标识符一般采用驼峰命名法
  xxxYyyZzz

数据类型

JS中一共分成六种数据类型
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
- Object 对象
其中基本数据类型有
- String 字符串
  - JS中的字符串需要使用引号引起来双引号或单引号都行
  - 在字符串中使用\作为转义字符

				\'  ==> '
				\"  ==> "
				\n  ==> 换行
				\t  ==> 制表符
				\\  ==> \

Number 数值
- JS中所有的整数和浮点数都是Number类型
- 特殊的数字
  - Infinity 正无穷
  - Infinity 负无穷
  - NaN 非法数字（Not A Number）
- 其他进制的数字的表示：
  0b 开头表示二进制，但是不是所有的浏览器都支持
  0 开头表示八进制
  0x 开头表示十六进制
- 使用typeof检查一个Number类型的数据时，会返回"number"
  （包括NaN 和 Infinity）
Boolean 布尔值
布尔值主要用来进行逻辑判断，布尔值只有两个
- true 逻辑的真
- false 逻辑的假
Null 空值
- 空值专门用来表示为空的对象，Null类型的值只有一个
- null
- 使用typeof检查一个Null类型的值时会返回"object"
Undefined 未定义
- 如果声明一个变量但是没有为变量赋值此时变量的值就是undefined
- 该类型的值只有一个 undefined
- 使用typeof检查一个Undefined类型的值时，会返回"undefined"
引用数据类型
- Object 对象

类型转换

类型转换就是指将其他的数据类型，转换为String Number 或 Boolean

转换为String
- 方式一（强制类型转换）：
  - 调用被转换数据的toString()方法
  - 例子：
  - 注意：这个方法不适用于null和undefined
    由于这两个类型的数据中没有方法，所以调用toString()时会报错
- 方式二（强制类型转换）：
  - 调用String()函数
  - 原理：对于Number Boolean String都会调用他们的toString()方法来将其转换为字符串，对于null值，直接转换为字符串"null"。对于undefined直接转换为字符串"undefined"
- 方式三（隐式的类型转换）:
  - 为任意的数据类型 +""
  - 例子：
  - 原理：和String()函数一样
转换为Number
- 方式一（强制类型转换）：
  - 调用Number()函数
  - 例子：
  - 转换的情况：
  1. 字符串 --> 数字
    如果字符串是一个合法的数字，则直接转换为对应的数字
    如果字符串是一个非法的数字，则转换为NaN
    如果是一个空串或纯空格的字符串，则转换为0
  2. 布尔值 --> 数字
    true转换为1
    false转换为0
  3. 空值 --> 数字
    null转换为0
  4. 未定义 --> 数字
    undefined 转换为NaN
- 方式二（强制类型转换）：
  调用parseInt()或parseFloat()：这两个函数专门用来将一个字符串转换为数字的
  - parseInt()
    - 可以将一个字符串中的有效的整数位提取出来，并转换为Number
    - 例子：
    - 如果需要可以在parseInt()中指定一个第二个参数，来指定进制
  - parseFloat()
    - 可以将一个字符串中的有效的小数位提取出来，并转换为Number
    - 例子：
- 方式三（隐式的类型转换）：
  - 使用一元的+（正号）来进行隐式的类型转换
  - 例子：
- 原理：和Number()函数一样
转换为布尔值
- 方式一（强制类型转换）：
  - 使用Boolean()函数
  - 例子：
    var s = “false”;
    s = Boolean(s); //true
  - 转换的情况
    字符串 --> 布尔除了空串其余全是true
    数值 --> 布尔除了0和NaN其余的全是true
    null、undefined —> 布尔都是false
    对象 —> 布尔都是true
- 方式二（隐式类型转换）：
  - 为任意的数据类型做两次非运算，即可将其转换为布尔值
  - 例子：

运算符

运算符也称为操作符，通过运算符可以对一个或多个值进行运算或操作

typeof运算符
- 用来检查一个变量的数据类型
- 语法：typeof 变量
- 它会返回一个用于描述类型的字符串作为结果
算数运算符

	+	对两个值进行加法运算并返回结果
	-  	对两个值进行减法运算并返回结果
	*	对两个值进行乘法运算并返回结果
	/	对两个值进行除法运算并返回结果
	%	对两个值进行取余运算并返回结果

除了加法以外，对非Number类型的值进行运算时，都会先转换为Number然后在做运算。而做加法运算时，如果是两个字符串进行相加，则会做拼串操作，将两个字符连接为一个字符串。任何值和字符串做加法，都会先转换为字符串，然后再拼串.

一元运算符
- 一元运算符只需要一个操作数
- 一元的 + 就是正号，不会对值产生任何影响，但是可以将一个非数字转换为数字
- 一元的 - 就是负号，可以对一个数字进行符号位取反
- 自增
  - 自增可以使变量在原值的基础上自增1
  - 自增使用 ++
  - 自增可以使用前++（++a）后++(a++)
    - 无论是++a 还是 a++都会立即使原变量自增1
      ++a的值是变量的新值（自增后的值）
      a++的值是变量的原值（自增前的值）
- 自减（同上）
逻辑运算符
- !
  - 非运算可以对一个布尔值进行取反，true变false false边true
  - 当对非布尔值使用!时，会先将其转换为布尔值然后再取反
  - 我们可以利用!来将其他的数据类型转换为布尔值
- &&
  - &&可以对符号两侧的值进行与运算
  - 只有两端的值都为true时，才会返回true。只要有一个false就会返回false。
  - 与是一个短路的与，如果第一个值是false，则不再检查第二个值
  - 对于非布尔值，它会将其转换为布尔值然后做运算，并返回原值
  - 规则：
    1.如果第一个值为false，则返回第一个值
    2.如果第一个值为true，则返回第二个值
- ||
  - ||可以对符号两侧的值进行或运算
  - 只有两端都是false时，才会返回false。只要有一个true，就会返回true。
  - 或是一个短路的或，如果第一个值是true，则不再检查第二个值
  - 对于非布尔值，它会将其转换为布尔值然后做运算，并返回原值
  - 规则：
    1.如果第一个值为true，则返回第一个值
    2.如果第一个值为false，则返回第二个值
赋值运算符
将符号右侧的值赋值给左侧变量
= += -= *= /= %=
关系运算符
> >= < <=
- 如果比较的两个值是非数值，会将其转换为Number然后再比较。
- 如果比较的两个值都是字符串，此时会比较字符串的Unicode编码，而不会转换为Number。
相等运算符
- ==
  - 相等，判断左右两个值是否相等，如果相等返回true，如果不等返回false
  - 相等会自动对两个值进行类型转换，如果对不同的类型进行比较，会将其转换为相同的类型然后再比较,转换后相等它也会返回true
- !=
  - 不等，判断左右两个值是否不等，如果不等则返回true，如果相等则返回false
  - 不等也会做自动的类型转换。
- ===
  - 全等，判断左右两个值是否全等，它和相等类似，只不过它不会进行自动的类型转换，如果两个值的类型不同，则直接返回false
- !==
  - 不全等，和不等类似，但是它不会进行自动的类型转换，如果两个值的类型不同，它会直接返回true
- 特殊的值：
  - null和undefined
    - 由于undefined衍生自null，所以null == undefined会返回true。
      但是null === undefined会返回false。
  - NaN
    - NaN不与任何值相等，包括它自身 NaN == NaN //false
    - 判断一个值是否是NaN，使用isNaN()函数
三元运算符：
- ?: 语法：条件表达式?语句1:语句2;
- 执行流程：
  先对条件表达式求值判断，
  如果判断结果为true，则执行语句1，并返回执行结果
  如果判断结果为false，则执行语句2，并返回执行结果

LolitaSian

发布了107 篇原创文章 · 获赞 402 · 访问量 50万+

私信关注

前端笔记（8）JavaScript基本知识

JS的编写的位置

输出语句

基本的语法

数据类型

类型转换

运算符

猜你喜欢