js day01

day01内容+思维导图

js简介

简历上写JavaScript 代码中javascript

js位置应用

行内

行内需要触发才会执行代码比如点击或者鼠标移入

1. a标签

   <a href="javascript:js代码">内容</a>里边的内容需要点击

1. 非a标签

   添加一个onclick

   <div οnclick="js代码">内容</div>里边的内容需要点击

   注意

   • 如果你想弹出纯数字，那么直接写数字就可以，不需要加引号

   • 如果弹出一段文字 比如hello word 需要加单引号或双引号

   • 要么都是双引号，要么都是单引号，绝不能交叉使用，也就是一个单引号一个双引号

   • 嵌套的时候注意要么单引号包裹双引号，要么一对双引号包裹一对单引号

   • 不能交叉 这样写 "''" '""'

   • 代码 除了中文，全部是英文输入法

内联

内联不需要触发，自动就执行

可以同时写多对script标签 按照从上到下的顺序执行

script可以在head 也可以写在body中，推荐写在body结尾，写在结尾的好处是等整个页面标签内容加载完毕以后再执行js

外链

<script src=""></script> 标签中间不写任何内容，一旦写上内容，就认定是内联，src就失去作用

不需要任何行为去触发，打开页面自动执行

可以写在head后边，body后边

路径

• 相对路径 ../../name.js

• 绝对路径 c:ww/www/name.js

注释

// 【单行】

 alert('hello word')//这是打印一个内容 这是解释代码的作用

/*

内容

内容

*/ 【多行】

js输出的三种方式

1. alert()

   例如alert(666) 网页弹窗

2. console.log()

   控制台打印【推荐】

   遇到问题在控制台打印，如果能出来结果，说明错误不在这；如果出不来结果，说明错误在这

   多个console.log() 也是自上而下

3. document.write()

   在网页上显示

js变量

aler(1 + 1)      //给cpu发送指令   计算1+1
alert(x + y)     //用变量来写

var x = 10; 从右往左解读

这里的x就是变量，是一个可变的量

变量的命名规则和命名规范

• 一个变量名称可以由 数字、字母、英文下划线（_）、美元符号（$） 组成

• 严格区分大小写

• 不能由数字开头

• 不能是 保留字 或者 关键字【关键字 就是 已经被系统占用的 单词 保留字 就是虽然还没占用但是后边会占用 ，编辑器中高亮的 就是关键字 】

• 不要出现空格

规范： 建议遵守的（开发者默认），不遵守不会报错

变量的名字尽量有意义(语义化）【不要使用中文,见名识意】

UserName 大驼峰

userNaem 小驼峰

遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写【小驼峰】

js数据类型

基本数据类型

• 数值类型 number

       数值类型 
       100 
       100.5
       100e5 科学技术法  
       进制  2进制 八进制 十进制 十六进制  
       正无穷 Infinity 
       负无穷 
       NaN  not a number  *

    // console.log(10e5) // 10* 10的5次方 
​
    // 进制   
    // 十进制    0 ~ 9 
    // 二进制    0~1 0b101
    // 八进制    0~7 0o77
    // 十六进制  0~9  a-f   a 10 b 11 c 12 d 13 e 14 f 15   0x5
    // console.log(77)  // 默认十进制  
    // console.log(0o77) // 告诉js 这是八进制 转成10进制以后输出 
    // console.log(0b10101) // 这是二进制 转成十进制以后输出
    // console.log(0xabc) // 十六进制 转成十进制以后输出 
​
    // console.log(99999e100000) // Infinity  正无穷
    // console.log(-99999e1000000) // -Infinity 负无穷
    // console.log('abc'/0) // NaN  非数字

• 字符串类型 string

         'abc'
         "abc"

       // console.log('he"llo" world
        // v587')
        // console.log("hel'lo' 
        // world")
​
        // console.log(`haha
        // hehe`)  //  最终会输出两个 这里的回车键原样显示
​
        // var age = 18 
        // console.log(`我今年 ${age} 岁`) 
        
​
        // 反单引号中  原样显示   换行会原样显示
        // 可以解析变量  如果想解析变量 就要 在变量外边加上 ${}
        // console.log("今年" + age + "岁啦")
​
        
        //()  []  {}

• 布尔类型 boolean 真假

  true false  必须全小写 

        // var test1 = true  //一定是小写 
        // var test2 = false // 必须是全小写 
​
        // console.log(test1)
        // console.log(test2)

• null类型 null空 【null是object的一个特殊类型】

        //Null  表示空  空就是什么也没有  
​
        // var test = null;
        // console.log(test)

• undefined类型 表示没有值【未定义】

          // undefined  
  ​
          // var test;  // 仅仅声明 但是没有赋值  
  ​
          // console.log(test)  // undefined

复杂类型【引用类型】

• 对象类型 object

  类   数组

• 函数类型 function

  函数   工具

查看数据类型

typeof是系统提供的一种工具 用来检测数据【只有数据类型没有变量类型】

查看数据类型的关键词 typeof 重点 【不是随便的两个数据类型就能一起参与运算】

    var test = 10;
    console.log(typeof(test))//number
    console.log(typeof typeof(test))//只要是typeof返回的类型一定是string类型
​
​
​
    var res = typeof test
    console.log(res)//number是一个字符串类型
​
​
​
    console.log(typeof 10 +100)//number100  只有+两边有一个是字符串  他们就会拼接  就会连在一起
​
    console.log(typeof(10+20)) //number