• JavaScript基础


    首先,学习JavaScript语言,必须知道它是什么?

      JavaScript是一门解释型语言,对它和python一样,代码是从上往下依次执行,一句代码结束以分号结束或换行。

    一、JavaScript在html中存在的三种位置

    1、外联式

    <script src = 'js文件的地址'></script>
    

     2、内联式

    <script>
            js代码块
        </script>
    

     3、标签行间

    <div id = 'div' onload ='js代码' ></div>
    

     注意:关于外联式内联式JavaScript代码放在哪里,需要看你有什么需求了,如果是功能似的脚本放在body标签后面,如果后面的代码,需要用到JavaScript,放在head标签中就好了,记住它的代码执行顺序就好了。

    二、JavaScript中对变量的定义(ES5、ES6两种版本)

    1、ES5中

    //局部变量
    var a = 10;
    
    //全局变量,一般情况下不要这样去定义
    b = 100;
    

     2、ES6中

    //局部变量
    let a = 10;
    
    //常量
    const = 20;
    

     注意:ES5,ES6中都有局部变量的定义,区别是:ES5是没有块级作用域的,ES6中式存在的

        JavaScript遵循小驼峰体命名,常量第一次赋值后,再赋值会报错。

    三、三种弹出框

    // 普通弹出框
    alert('zhuyu')
    
    //确认弹出框
    confirm('你好吗?')
    
    //输入弹出框
    prompt('今天周几?')
    

    四、调用方式

    //1、通过弹出框进行调试
    alert()
    
    //2、浏览器终端
    console.log()
    
    //3、在html页面显示
    document.write()
    

    五、数据类型

        var a = 10;   //number类型
        var a = 'zhuyu' //string类型
        var a = 'true'  //bool类型
        var a = undefined // undefined
    
        //查看其数值的类型   typeof a
    
        2、引用类型
        var a = function() {};   //函数类型
        var a = {};         //对象类型
        //对象判断方法
        a instanceof Object
    
        3、具体的对象类型
        空对象
        var a = null
    
    
        Array   数组对象
        var a = new Array(1,2,3,4,5)
        console.log(a instanceof Array)
    
        Date    时间对象
        var a = new Date()
        console.log(a,a instanceof Date)
    
        RegExp  正则对象
           
    

    六、类型转换(一般来说针对数值类型 number,string,boolean)

    1、数字和bool转换成字符串
    var a = 10;
    var b = true
    
    a = String(a)       //方式一
    b = b.tostring(b)   //方式二
    
    var c = new String(a) //这种方式是不对的,虽然它的值为10,但是它的类型是Object
    
    2、数字、字符串转换成bool
    
    var a = 10;
    var b = '10';
    
    a =  Boolean(a)
    b =  Boolean(b)
    
    
    3、字符串、bool转换成数字
    
    var a = '10';
    var b = true;
    
    a = Number(a);
    b = Number(b);
    

    七、运算符

    就只有a时,--或++不管在aa的前面还是后面,a的值一定会改变
    
    // a = 10
    
    var b = ++a ;   //首先算++a,再将值赋值给b,所以 b,a相对应为 11,11
    
    // a = 11
    
    var b = a++ ;   //首先将a赋值给b,再执行a++操作,所以b,a相对应为11,12
    
    
    三目运算符
    
    var 结果 = 条件 ?结果一:结果二
    
  • 相关阅读:
    图像旋转与图像缩放及Matlab代码实现
    主成分分析 matlab手把手教操作、SPSS、python实例分析
    直方图均衡化与Matlab代码实现
    kNN算法基本原理与Python代码实践
    MATLAB 均方根误差MSE、两图像的信噪比SNR、峰值信噪比PSNR、结构相似性SSIM
    vue实战——对没见过的东西的科普以及第一次踩坑
    记录关于js模块的浅薄探索(一)——从别人博客中的理解
    js中的同步异步
    webpack踩坑记录(一)
    vue入门(二) ——监听属性,样式绑定
  • 原文地址:https://www.cnblogs.com/zhuchunyu/p/9791634.html
Copyright © 2020-2023  润新知