JS基础--(输入与输出语句,数据类型)

144 阅读4分钟

输入与输出语句

输出语句1 : 在网页弹出一个提示框,输出数据

输出语句1:弹出一个提示框,通常用于提示用户,也可以用于调试

alert("hello world");

输出语句2:在控制台打印某个数据

输出语句2:打印某个数据的值,查看数据是否成功 这个写法不是给用户看的,而是给程序员自己调试看的

console.log("欢迎大家来到黑马程序员");

输出语句3:将数据显示到网页

输出语句3:将数据显示到网页,相当于给body添加内容

document.write("诺克萨斯绝不屈服");

输入语句1:在网页弹出一个输入框,让用户输入数据

输入语句1:弹出一个输入框,可以用来输入数据

prompt("你会爱我吗召唤师");

js代码执行原理介绍

1-计算机组成

  • 1.软件

    • 应用软件:浏览器(chrome/ie/firefox)、QQ、Sublime、Word、webstorm
    • 系统软件:windows,Linux,unix,OSX,iOS,android
  • 2.硬件

    • 三大件:CPU,内存,硬盘
    • 输入设备:鼠标,键盘,摄像头等
    • 输出设备:显示器,打印机,投影仪等

2-代码运行的原理

程序运行原理:

    1.计算机将存储在硬盘中的html文件读取到内存中
    
    2.浏览器内核编译器开始编译代码(cpu只能处理二进制数据,需要将我们写的代码转成二进制)
    
    3.CPU处理与计算
    
    4.CPU将我们代码在运行时产生的数据保存到内存中
   

数据类型

数据类型介绍

1.为什么需要有数据类型?

         每一种编程语言都有自己的语法规则,在处理数据的时候,也会有自己的规则,不是任何数据都可以处理的。

2.什么是数据类型?

         js编译器在解析代码的时候,会产生各种不同的数据。 而不同的数据'运算''存储'方式都不同, 计算机需要对这些数据进行分类,称之为数据类型。
        console.log( '123' )//打印  黑色 123
        console.log( 123 )//打印 蓝色 123
        console.log( 'true' )//打印 黑色 true
        console.log( true )//打印 蓝色 true
        console.log( 'ZED' )//打印 ZED
        console.log( ZED )//程序报错 Uncaught ReferenceError: ZED is not defined
        

五种基本数据类型

  1. string 类型 : 字符串 一切以 单引号'' 双引号"" 反引号``包起来的内容 作用 : 用于展示文本
  2. number类型 : 数值 一切数学中的数字 作用 : 用于数学计算
  3. boolean类型 : 布尔 只有两个值 : true(真) false(假) 作用 : 用于条件判断 true:条件成立 false:条件不成立
  4. undefined : 未定义 只有一个值 undefined
  5. null : 空值 只有一个值 null

总结 五大类型:string number boolean undefined null

typeof检测数据类型

typeof 数据 语法结果:得到一个字符串来告诉你这个数据是什么类型。

        console.log( typeof 123 )//'number'
        console.log( typeof '123' )//'string'
        console.log( typeof true )//'boolean'
        console.log( typeof undefined )//'undefined'
        console.log( typeof null )//'object'

变量

变量的作用

  • ! ==将数据存储在内存中== !

变量原理

  • 变量原理:内存中一块存储数据的空间

  • 说人话:内存相当于现实世界中的大酒店,而变量相当于这个酒店中的一个小房间

变量声明/取值/赋值

赋值运算符(把右边的数据放入左边的变量中)

变量取值 : 读取变量(容器)中存储的数据

变量可以在声明的时候赋值

    var  a1 = 10  //旧版 var 声明变量
    let  a2 = 10  //新版 let 声明变量
    document.write( a )

变量使用注意点

变量语法:

        1 声明变量 :   let 变量名;
        
        2 变量赋值 :    变量名 = 值;
        
        3 变量取值 :    变量名

变量使用注意点:

        1 变量不能重复声明,程序会报错
        
        2 变量重复赋值,会先销毁旧值,然后存入新值
        
        3 一个变量 赋值给 另一个变量,会将自己的数据拷贝一份然后赋值\
        let num1 = 10;
        num1 = 20;
        let num2 = num1;
        console.log(num1,num2);

注意点:

1 : 变量不能重复声明,否则程序会报错

2 : 变量重复赋值,会先销毁旧值,然后存入新值

3 : 一个变量 赋值给 另一个变量,会将自己的数据拷贝一份然后赋值

变量命名规则与规范

1645207170486.png

变量命名规则

        1规则:必须要遵守,否则会报错。由语法决定
        
              1.变量只能以下划线、字母、$开头,后面接任意的数字、下划线、字母、$
           
              2.不能以JS的关键字作为变量名
           
              3.js是严格区分大小写的, 例如:age与Age这是两个不同的变量名
            
       2规范: 大家都遵守的一种编码习惯,主要是为了提高代码的易读性
       
              1.起名要有意义,最好用英语名词作为变量名
             
              2.使用驼峰命名法:变量名第一个单词首字母小写,后面如果由其他单词则每一个单词的首字母大写