javaScript学习笔记（一）js基础

一 、初识

1、输出语句

        // alert()   -弹出警告框
        // console.log()语句 -控制台输出
        alert('hello world');
        console.log('慕课网');

2、优秀的变量命名法

 驼峰命名法:mathTestScore    
 c风格: masth_tet_score
 匈牙利命名法:iMathTestScore(前端不适用)

3、变量声明提升

  console.log(nice) // undefined   变量只是变量声明提升,值不提升
  var nice = '我是预解析'

小结

前端开发有 那些层? 语言哥功能是什么?
结构层 样式层 行为层 HTML css javascript
javascript 有哪些输出语句?
alert console.log()

二、基本数据类型

1、javascript中分两大数据类型
基本数据类型:Numebr String Boolean Undefined null
复杂数据类型:Object Array Function RegExp Dtae Map set Symbol

1、typeof运算符

        console.log(typeof "4") // String
        console.log(typeof 4) // Number
        console.log(typeof undefined) // undefined
        console.log(typeof null) //objeck
        console.log(typeof true) // Boolean

2、Number（数字）类型

     NaN(not a Number)

3、String(“字符串”)类型

    console.log('字符串长度比'.length) //

字符串常用的方法： charAt() 、 substring() 、substr() 、slice() 、toupperCase() 、 tolowerCase() 、 indexOf()

charAt()方法

//charAt()方法=>根据索引获取对应字符串(含空格)
    let str="My name is xxxx"
    console.log(str.charAt(3)) //n
    console.log(str.charAt(80))// ''

substring() 、substr() 、slice()

    // substring(a,b)方法得到从a开始到b结束获取字符（不包含b处，而是前一位）
    console.log(str2.substring(1,6))  //ello
    // substring 如果省略第二个参数，则返回的是字符串到结尾处
    console.log(str2.substring(3))  //lo world
    // substring(a,b)中，a可以大于b，数字顺序将自动调整为小数在前
    console.log(str2.substring(1,6)==str2.substring(6,1)) //true

    // substr(a,b)中，将得到从a开始的长度为b的子串
    // substr(a,b)中，a可以是负数，表示倒数位置
    // substr('开始位置的索引','需要获取的长度')
    let str3='大家好，我是JJbos'
    console.log(str3.substr(2,4)) //好，我是
    console.log(str3.substr(-5,4)) //JJbo
    console.log(str3.substr(-5)) //JJbos

      slice()类似substring()
     不同点：参数一<参数二 ，可以负数 ，不可以交换位置

toupperCase() tolowerCase() 大小写转 和 indexOf()

   let big='LOVE YOU'
    console.log(big.toLowerCase()) //love you
    let small='miss'
    console.log(small.toUpperCase()) // MISS
    //indexOf() 检索字符串 的位置索引   如果检索不存在返回 -1
    let str4='hello world'
    console.log(str4.indexOf("ld"))

4、Boolean(布尔类型)

    console.log(3>5) //false

5、undefined null

    undefined类型 一个没有被赋值的变量的默认值是undefined，而undefinec的类型也是undefined
    null类型:
        1、null表示“空”，它是“空对象”
        2、当我们需要将对象销毁、数组销毁或者删除事件监听时，通常将它们设置为nul
        3、box.onclick=null

6、数据类型转换

Number()、 parseInt() 、 String()、 toStrin()、 Boolean() 、!!、 !

    console.log(Number('123'))// 123
    console.log(Number('145.1')) //145.1
    console.log(Number('224奶奶')) // NaN
    console.log(Number('')) // 0

    console.log(Number(true)) //1
    console.log(Number(false))//0

    console.log(Number(undefined))//NaN
    console.log(Number(null))// 0
    //parseInt() 取整
    console.log(parseInt('3.451')) //3
    console.log(parseInt(-3.451))//3
    //parseFloat() 浮点数

    console.log(parseFloat('3.451')) //3.451
    console.log(parseFloat('3.15手机号'))//3.15


    console.log(String(123));//'123'
    console.log(String(123.4))//'123.4’
    console.log(String(2e3))//'2000'
    console.log(String(NaN))//'NaN'
    console.log(String(Infinity))//'Infinity'
    console.log(String(0xf))//'15’


    // toString方法转字符串
    console.log((6).toString()) //'6'
    let a='66'
    console.log(a.toString()) //66

 // 使用Boolean（）函数
//     Boolean(123)；//true
// Boolean(e)；//false
// Boolean(NaN)；//false
// Boolean(Infinity)；// true
// Boolean(-Infinity)；//true
console.log(prompt('你好啊。'))