js学习笔记（一）

目录

前言

一、js书写方式

二、js提供的输入输出方式

三、js变量

四、交换变量

五、变量的细节

六、js数据类型

                       6.1数字类型

                       6.2字符串类型

                       6.3布尔类型

七、使用typeof检测数据类型

八、数据类型转换

                        8.1隐式转换               

                        8.2其他类型转数字类型

                        8.3其他类型转字符串

                        8.4其他类型转布尔

九、null空类型和undefined

---

前言

js书写方式、js提供的输入输出方式、js变量、交换变量、变量的细节、js数据类型、数字类型、字符串类型、使用typeof检测数据类型、隐式转换一、js书写方式

 一、书写方式

 javascript 脚本语言 编程语言
            书写方式
            1 行内式
            2 内嵌式
            3 外联式

            onclick on  表示当..的时候 click 点击
                alert() 弹出框

二、js提供的输入输出方式

 // alert() 弹出框
        // alert(1231231)
        // alert("作业是代码敲3遍~")

        // confirm() 确认框
        // confirm("确定删除吗?")

        // prompt() 输入框
        // prompt("请输入银行卡密码:")

        // console.log() 在控制台输出  用于程序员调试代码

三、js变量

 

变量: 存储数据的容器
            格式:
                var 变量名 = 值      将等号右侧的值赋值给等号左侧的变量

            变量的命名规范:
                1 可以由数字 字母 下划线 $ 组成
                2 不能以数字开头
                3 严格区分字母大小写
                4 不可以使用关键字或者保留字
                    关键字: 在js中有特殊功能
                    保留字: 未来可能会成为关键字 (class)
                5 多个单词命名 推荐使用驼峰命名法:从第二个单词开始首字母大写
                6 起名遵循见名知意!

四、交换变量

//  = 赋值 将右侧的值 赋值给 左侧
        // 交换两个变量的值
        var num1 = 10
        var num2 = 20

        //需要第三个变量
        var kong = num1
        num1 = num2
        num2 = kong
        console.log(num1,num2);   

五、变量的细节

 Uncaught ReferenceError: a is not defined 
            引用型错误:a没有声明
                 一般名字写错了或者没有这个名字出现  变量名 / 函数名...

var a  = 10
            console.log(a);
            //重新赋值
            // 变量声明一次即可 后续使用无需声明
            a = 30
            console.log(a); 

// 声明和赋值可以分开
            var b  // 声明
            b = 20 // 赋值
            console.log(b);

 // 变量可以作为值赋值给另一个变量
            var c = 123
            var d = c
            console.log(d);
            console.log(c);

 // 可以一次性声明多个变量
        var aa=10,bb=20,cc=30,dd=40;
        console.log(aa,bb,cc,dd);

六、js数据类型

 javascript数据类型 
​        简单数据类型
          Number 数字类型
          String 字符串类型
​          Boolean 布尔值
          null 空
          undefined 未定义类型
 ​        复杂数据类型
 ​          object 对象

        6.1数字类型

javascript数据类型
 ​        Number 数值类型
 ​          整数 小数 NaN(not a number)

        6.2.字符串类型

javascript数据类型
  ​        字符串类型 String
  
 ​      由''或者""括起来就是字符串
  
  ​      '字符'
 ​      ""
 ​      注意:
  ​        双引号不能嵌套双引号
 ​        单引号不能嵌套单引号

// \转义字符:将js中具有特殊功能的字符的功能变没      \反斜杠
        console.log("丁鹏说:\"凳子太难受了,硌屁股了~\"");

        6.3.布尔类型

 boolean 布尔类型
                两个值
                true  真 -- 条件成立 满足 可以 行...
                false 假 -- 条件不成立 不满足 不可以 不行...

                一般是在结果中得到布尔

七、使用typeof检测数据类型

 var  num = 10;
    console.log( typeof num );  //  number

八、数据类型转换

var jx = prompt("本月绩效是:")
        //    3000 + '3000'
       var all = 3000 + Number(jx)
       console.log(all);

数据类型转换:
 ​      1 其他类型转数字类型
 ​        Number(数据)
  ​        parseInt(数据)
 ​        parseFloat(数据)
 ​      2 其他类型转字符串类型
  ​        String(数据)
  ​        数据.toString()
 ​      3 其他类型转布尔类型
 ​        Boolean(数据)

8.1隐式转换

 null 空类型
                输入框点击取消按钮时 可以得到null类型 -- 一般结果中得到null


            undefined 未定义类型
                变量声明了,但是没有赋值 得到的结果就是undefined
                如果变量没有声明,则报错 a is not defined

8.2其他类型转数字类型

  1 其他类型转数字类型
 ​        Number(数据)
 ​          如果是字符串,只能转纯数字的字符串,否则结果就是NaN
  ​        parseInt(数据)
  ​          字符串从头开始,如果数字开头(或者+-符号),则继续向后转连续数字,直到碰到非数字停止
 ​        parseFloat(数据)
 ​          字符串从头开始,如果数字开头(或者+-符号),则继续向后转连续数字,碰到第一个小数点,如果后面是数字,继续向后转,直到碰到非数字停止
 ​            (注意科学计数法的e)
 
 
 ​        typeof 检测数据的类型

 console.log(parseInt('-12345abc456'));  -12345
        console.log(parseInt('a12345abc456'));  NaN
        console.log(parseInt('12.345abc456'));    12
         console.log(parseFloat('12.34.5abc456')); 12.34
        console.log(parseFloat('12.34e2abc456'));  1234

8.3其他类型转字符串

其他类型转字符串
                1 String(任意数据)

                2 数据.toString()
                    注意: null和undefined不能使用toString()转
                    如果是数字,需要将数字用()括起来

8.4其他类型转布尔

 Boolean(任意数据)
      // 只有以下的六种数据转为布尔为假(背)
    //    console.log(Boolean(0));
    //    console.log(Boolean(NaN));
    //    console.log(Boolean(''));
    //    console.log(Boolean(false));
    //    console.log(Boolean(null));
    //    console.log(Boolean(undefined));

九、 null空类型和undefined

 null 空类型
                输入框点击取消按钮时 可以得到null类型 -- 一般结果中得到null


            undefined 未定义类型
                变量声明了,但是没有赋值 得到的结果就是undefined
                如果变量没有声明,则报错 a is not defined