2021-08-30 day01 基础 js基础

一.Java script

一.js的组成:
ECMAScript:制定语法规范
DOM:页面文档对象类型(操作html元素的)
BOM:浏览器对象类型
​
​
​
二.基本语句
//在页面中写入
 document.write('')
​
// 在控制台打印
 console.log('二阶段了.要好好学了')
​
// 弹出框
alert('学习快乐')
​
// 页面输入框
 prompt('请输入...')
 
 **注意:输入的类型都是字符串
​
// 确认框
 confirm('亲,确定要删除吗')
 
 ==========================
 
  // alert与console换行是通过\n换行的,\t表示空格
  eg:
  confirm(' 白日依山尽\n黄河入海流\n欲穷千里目\n更上一层楼') 
   alert(' 白日依山尽\t黄河入海流\t欲穷千里目\t更上一层楼')
   
   =====================
   
   document.write('')换行是通过br标签换行的
  eg:
    document.write('<h2>登鹳雀楼</h2>')
    document.write('<p> 白日依山尽</p>')
    document.write('<p>黄河入海流</P>')
    document.write('<p>欲穷千里目</p>')
    document.write('<p>更上一层楼</p>')
    
    
三.js能干什么?
      js做服务器
       轮播图
       选项卡
       小游戏
       
       
       
四.js的引入方式:
行内式:
    <input type="button" value="按钮" οnclick="alert('Hello World')" />(一般不推荐)
外链式:
    <script src=".js">
    // 这里的js代码不起效果，所以如果想在本html写代码，在写    一个script标签
    </script>
​
内嵌式 :
<script>
    alert('哈哈')
</script>
​
五.js的注释
​
 单行注释://
 多行注释:
    /*
    var age = 18;
    var name = 'zs';
    console.log(name, age);
    */
​
     
 

二.变量

1.变量:是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
​
变量:存储的数据会发生变化;
​
2.为什么要使用变量
使用变量可以方便的获取或者修改内存中的数据
​
3.声明变量:声明一个变量，系统会自动分配空间
      var age;
 变量的赋值:
     var age;
     age = 18;
     
4.定义变量:定义变量包含两部分:声明和赋值
    定义一个变量并赋值
          var a = 15 ;
    定义多个变量并赋值
       var x = 14,y = 15, z = 30;
       
       
       
  ===========
    // 第一种方式：
    var a = 10;//定义变量a的同时，将10赋值给a
    console.log(a); // 控制台输出a变量
    alert(a); //弹出框打印a变量
​
    // 第二种：
    // 用var声明一个变量
    var b; //a就是变量名
    b = 10;   // 将10赋值给a  (是一个动作)
    console.log(b);
    document.write(b)
​
    // 第三种（了解）
    var x,y,z; //先声明三个变量
    // 再分別賦值
    x = '小张'; 
    y = '小李';
    z = '小名';
​
    // 第四种（认识）
    // 定义的同时并赋值（不建议大家写）
    var a=10,b=20,c=30;
  
  
  
  
  
 
5.变量的命名规则和规范
规则 - 必须遵守的，不遵守会报错
​
      由字母、数字、下划线、$符号组成，不能以数字开头
      不能是关键字和保留字，例如：for、while。
      区分大小写
​
规范 - 建议遵守的，不遵守不会报错
        变量名必须有意义
        遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：userName、userPassword
​
​
​
常量:可以直接输出的

数据类型

1.简单数据类型
Number、String、Boolean、Undefined、Null
​
数据类型:
    number:数值类型 080(八进制) 0x(十六进制) NaN（不是一个数字，但是是一个Number类型）
    String:字符串 '' ""里面写的都是字符串
    Boolean:布尔类型 true false
    undefined:未定义类型,声明了,没有赋值 eg: var a;
    null:空的,声明一个变量,后期将赋值成对象;(了解)
   
   
   
   
二.数据类型的转换:  
 1. 字符串转数字
    var x ='10';
    console.log(typeof x);
    
    console.log(Number(x));只能将纯数字的字符串转为数字类型
    
    console.log(parseFloat(x));转为整数 ,将数字开头的字符串转为小数类型
    
    console.log(parseInt(x));转为小数, 将数字开头的字符串转为整数类型
    
     NaN的出现:转换数字类型,数值类型转换不成功就是NaN
     
     
     
    
2.转换为布尔类型
   Boolean()可以将任何其他类型转换为布尔类型
    //!! 隐式转换(!取反 !!取反后取反)
    注意:0 null '' undefined NaN将这几个转换为false,其余都为ture
    console.log(Boolean(''));
    console.log(Boolean(0));
    console.log(Boolean(undefined));
    console.log(Boolean(null));
    console.log(Boolean(NaN));
    
    
 
3.转换成字符串类型
  ①变量.toString()
    eg:
        var num = 5;
        console.log(num.toString());
        
注意:是什么.toString() 把什么转换成字符串类型
​
 ② String(变量)
​
String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null
         console.log(String(y));//可以将任意类型转换为字符串
​
​
拼接字符串方式
​
num + “”，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串
————————————————
           
      
    typeof:检测数据类型
    isNaN:判断一个变量或常量是否为非数字,如果不是数字返回true,是数字返回false
    
    
    注意：输入框的内容都是字符串，需要转为数值类型
//    var num =  +prompt('请输入一个数字.....');// 键盘录入一个数字，存储到num中
   var num =  Number(prompt('请输入一个数字.....'));// 键盘录入一个数字，存储到num中
   
   如果出现两个或者两个以上的typeof，结果肯定是string

运算符

逻辑运算符

&&  与  两个操作数同时为true，结果为true，否则都是false
​
||  或  两个操作数有一个为true，结果为true，否则为false
!   非  取反

关系运算符(比较运算符)

<  >  >=  <= == != === !==
​
------
​
==与===的区别：==只进行值得比较，===类型和值同时相等，则相等
​
var result = '55' == 55;    // true
var result = '55' === 55;   // false 值相等，类型不相等
var result = 55 === 55;     // true
​

赋值运算符

= += -= *= /= %=
​
--------
​