Javascipt

基础

一、输出语句

alert('这是我的第一行js代码')；控制浏览器弹出一个警告框

document.write('我是body中的内容')；可以向body中输入一个内容

console.log('开发者工具')；在控制台输出一个内容

二、js代码能写的位置

虽然可以写在标签属性中，但是属于结构和行为耦合，不推荐使用，推荐使用外部引入

• 按钮 可以将js代码编写到标签onclick属性中，当我们点击按钮时，js代码才会执行
• 点我 可以将js代码写在超链接的href属性中，点击超链接，执行js代码

注释

• 单行注释：//

• 多行注释：*/* /

  注意：

  • JS中严格区分大小写
  • JS中每一条语句以分号( ; )结尾
  • JS中会忽略多个空格和换行

字面量和变量

• 字面量，都是一些不可改变的值

  • 比如：1 2 3 4 5
  • 字面量都是可以直接使用，但是一般不会直接使用

• 变量，变量可以用来保存字面量，而且变量的值是可以任意改变的

  • 变量更方便我们使用，在开发中都是通过变量去保存一个字面量的

  声明变量：用let 关键字来声明一个变量

  let a;

  变量赋值：let a = 123;

三、标识符

• 在JS中所有的可以由我们自主命名的都成为标识符

• 例如：变量名、函数名、属性名都属于标识符

• 命名标识符规则：

  • 标识符中可以含字母、数字、下划线、$
  • 标识符不能以数字开头
  • 标识符不能是ES中的关键字和保留字
  • 标识符一般都采用驼峰命名法
    • 首字母小写，每个单词的开头字母大写，其余字母小写
    • 例如： helloWorld

四、数据类型

• 指的就是字面量的类型，其中前面五种属于基本数据类型，而Object属于引用数据类型

  在JS中一共有六种数据类型(typeof来检查变量类型)

  强制类型转换

  • 指将一个数据类型强制转换成其他数据类型（String Number Boolean）

  • 转换String

    • 方式一：

    • 调用被转换类型的toString()方法

    • 该方法不会影响到原变量，它会将转换的结果返回

    • 注意：null 和 undefined 这两个值没有toString()方法

      let a =123;

      let b = a.toString();

    • 方式二：

    • 调用String()函数，并将被转换的数据作为参数传递给函数

    • 对于Number和Boolean实际上就是调用toString()方法，但对于NaN和undefined，就不会调用toString()方法，会将null 直接转换成"null",undefined 转换"undefined"

      a = 123;

      a = String(a);

  • 转换Number

    • 方式一：（-0 *1 /1）也可以转number 更简单的是正负号（a=+a）先转换为number类型

    • 使用Number()函数

      let a = "123";

      a = Number(a);

    • 字符串转数字

      1、纯数字字符串，直接转换数字

      2、如果有非数字的内容，则转换为NaN

      3、如果字符串是一个空串或者是一个全是空格的字符串，则转换为0

    • 布尔型转数字

      true 转为 1

      false 转为 0

    • Null 转数字

      为 0

    • undefined 转数字

      为 NaN

    • 方式二：

    • 这种方式专门来对付字符串，如果对非String使用，会先将其转换为String，然后再操作

      1、parseInt() 把一个字符串转换为一个整数

      2、 parseFloat() 把一个字符串转换为一个浮点数

  • 转换Boolean

    • 使用Boolean()函数
    • 数字转布尔，除了0和NaN，其余都是true
    • 字符串转布尔，除了空串，都是true
    • null和undefined，都是false

  • String 字符串

    • 在JS中字符串使用引号引起来(单双引号都可以)

    • let str = 'hello';

    • str = "我说:'今天天气真不错' "

    • str = " 我说：" 今天天气不错" "

      转义字符：\n ' " \

  • Number 数值

    • 在JS中所有的数值都是Number类型(包括整数和浮点数（小数）)
    • JS中的最大值 Number.MAX_VALUE
    • 超过最大值，返回Infinity正无穷，typeof检查Infinity返回Number
    • NaN 非数字 typeof检查NaN返回也是Number

  • Boolean 布尔型

    • 只有两个，用来做逻辑判断
    • true 真 / false 假

  • Null 空值

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

  • Undefined 未定义

    • 值只有一个，就undefined
    • 当声名一个变量，但不给变量赋值时，它的值就是undefined
    • 检查undefined时，会返回undefined

  • Object 对象

五、运算符

• 运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获取运算结果

  例如：typeof就是运算符，可以来获得一个值的类型

• 算术运算符

  • 当对非number类型的值进行运算时，会将这些值转换为number，然后进行运算(除了加法运算)

  • 任何值和NaN做运算都得NaN

  • 如果对两个字符串进行加法运算，则会做拼串，将两个字符串拼接成一个字符串，并返回

  • 任何值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串操作

  let a = 1;

  let result = a + 1; 2

  result = 11 + 22; 33

  result =true + 1; 2

  result =true + false; 1

  result =2 + null 2

  result =2 + NaN; NaN

  result ="123" + "456" 123456

六、逻辑运算符（非与或）

• 太简单就不加笔记了

七、赋值运算符