zoukankan      html  css  js  c++  java
  • 【前端】JavaScript学习笔记(一)——快速入门

    ✨JavaScript

    JavaScript(简称“JS”) 是一种具有函数优先的轻量级解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象命令式声明式函数式编程范式


    ✨课程链接

    【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili


    ✨学习笔记

    我的第一个JavaScript

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
    <!--    1. 内部标签-->
    <!--    script标签内写 JavaScript-->
    <!--    <script>-->
    <!--        alert("Hello World!");-->
    <!--    </script>-->
    
    <!--    2. 外部引入-->
    <!--    !注意:script标签必须成对出现-->
        <script src="js/qj.js"></script>
    
    <!--    不用显式定义类型 默认就是JavaScript-->
        <script type="text/javascript"></script>
    
    </head>
    <body>
    
    <!--这里也可以存放-->
    </body>
    </html>
    
    alert("Hello World!");
    

    基本语法

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
    <!--    JavaScript严格区分大小写-->
        <script>
            // 1. 定义变量
            var score = 71;
            // 2. 条件控制
            if(score > 60 && score < 70){
                alert("60 ~ 70")
            }else if(score > 70 && score < 80){
                alert("70 ~ 80")
            }else {
                alert("other")
            }
    
            // 分号可选
    
            /**
             * 注释
             */
    
            // 在浏览器的控制台打印变量
            // console.log(score)
        </script>
    
    </head>
    <body>
    
    </body>
    </html>
    

    数据类型快速浏览

    变量

    var


    number

    js不区分小数和整数

    NaN:not a nuber

    Infinity:无穷大


    字符串


    布尔


    逻辑运算


    比较运算符

    • = 赋值
    • == 等于(类型不一样,值一样,也会判断为true)
    • === 绝对等于(类型一样,值一样,结果true)

    (这是JS缺陷 坚持不要使用 == 比较)


    NaN

    • NaN===NaN,这个与所有的数值都不相等,包括自己
    • 只能通过isNaN(NaN)来判断这个数是否是NaN

    浮点数问题

    console.log((1/3) === (1 - 2/3))
    

    尽量避免使用浮点数进行运算 存在精度问题!


    null 和 undefined

    • null 空
    • undefined 未定义

    数组

    Java的数值必须是相同类型的对象 JS中不需要这样!

    // 保证代码的可读性,尽量使用[]
    var arr = [1,2,3,4,5,'Hello',null,true];
    new Array(1,12,3,4,4,5,'Hello');
    

    取数组下标 如果越界了 undefined


    对象

    对象是大括号 数组是中括号

    每个属性之间使用逗号隔开 最后一个不需要添加

    var Person = {
        name: "Test",
        age: 3,
        tags: ['js', 'Java', 'php']
    }
    

    取对象的值

    Person.name
    > "Test"
    Person.age
    > 3
    

    严格检查模式

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
    <!--    'use strict';-->
    <!--    严格检查模式 预防JavaScript的随意性导致产生的一些问题-->
    <!--    必须写在JavaScript的第一行-->
    
    <!--    局部变量使用let 定义(IDEA需要设置支持ES6语法)-->
    
        <script>
            'use strict';
            // 全局变量
            var i = 1;
            // ES6 let
    
        </script>
    
    </head>
    <body>
    
    </body>
    </html>
    

    ⭐转载请注明出处

    本文作者:双份浓缩馥芮白

    原文链接:https://www.cnblogs.com/Flat-White/p/14987702.html

    版权所有,如需转载请注明出处。

  • 相关阅读:
    com.alibaba.fastjson.JSONException: default constructor not found. class ……
    ActiveMQ伪集群部署
    #{}和${}的区别
    微信小程序——报错汇总
    PHP——base64的图片的另类上传方法
    PHP——base64的图片转为文件图片
    veu——引入iconfont图标
    vue——script内容详解
    webpack——阮一峰webpackDemo分析
    webpack——快速入门【一】
  • 原文地址:https://www.cnblogs.com/Flat-White/p/14987702.html
Copyright © 2011-2022 走看看