JS基础

Javascipt

基础

一、输出语句

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

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

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

二、js代码能写的位置

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

  • <button dispaly:'none' onclick='alert("点我干嘛")'>按钮 可以将js代码编写到标签onclick属性中,当我们点击按钮时,js代码才会执行
  • <a href='' dispaly:'none'>点我 可以将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

六、逻辑运算符(非与或)
  • 太简单就不加笔记了
七、赋值运算符
  • a += a a *= a (+- * / % )
八、关系运算符

通过关系运算符可以比较两个值之间的大小关系

如果关系成立它会返回true,不成立返回false

  • consloe.log(5>10) // false
  • 5<10 //true
  • 5<=5 //true
  • 10 <='hello' //false
  • 10>null //true

注意:比较两个字符串时,比较的是字符串的字符编码(Unicode编码)

'a'>'b' //false

比较字符编码是一位一位进行比较,如果两位一样,则比较下一位

'abc'<'bcd';true

如果比较两个字符串型的数字,一定要转型

'123123213'<'5' //true

'23232323'<+'5' //false

九、Unicode编码表

在字符串中使用转义字符输入 Unicode编码

\u 四位编码

'\u2620'

  • 在网页中使用Unicode 编码

    &#编码; 这里的编码需要的是10进制

点击查看代码
 /*<h1 style='font-size:100px'>&#9760;</h1>*/
十、相等运算符

相等运算符用来比较两个值是否相等

如果相等会返回true,否则返回false

使用 == 来做相等运算

posted @ 2022-09-23 16:15  lzhhzlzlh  阅读(32)  评论(0)    收藏  举报