【JavaScript】1_JS入门必要的常识

举报
魔天伦 发表于 2023/02/10 14:46:32 2023/02/10
【摘要】 1、三种输出显示位置 1. 在弹窗上 2. 在控制台 3. 在页面中显示 <script> alert('哈哈哈哈') console.log('猜猜看') document.write('你猜我在哪') </script>2、编写位置 1. 可以将js编写到网页内部的script标签 <script> alert("哈哈!"

1、三种输出显示位置

  1. 在弹窗上
  2. 在控制台
  3. 在页面中显示


<script>
        alert('哈哈哈哈')
        console.log('猜猜看')
        document.write('你猜我在哪')
    </script>


2、编写位置

  1. 可以将js编写到网页内部的script标签


<script>
        alert("哈哈!")
</script>


  1. 可以将js编写外部的js文件中,然后通过script标签进行引入


<script src="./script/script.js"></script>


  1. 可以将js代码编写到指定属性中


<body>
    <button onclick="alert('你点我干嘛!')">点我一下</button>

    <hr>
    <a href="javascript:alert(123);">超链接</a>
    
    <hr>
    <a href="javascript:;">超链接</a>
</body>


3、基本语法

  1. 多行注释

\- 注释中的内容会被解释器忽略

\- 可以通过注释来对代码进行解释说明

\- 也可以通过注释来注释掉不想执行的代码


<script>        
/*
            1. 多行注释
                - 注释中的内容会被解释器忽略
                - 可以通过注释来对代码进行解释说明
                - 也可以通过注释来注释掉不想执行的代码
  */
</script>


  1. 单行注释
<script>
  alert(123) // alert()用来弹出一个警告框
</script>
  1. JS严格区分大小写
<script>
  alert(123) 
</script>
  1. 在JS中多个空格和换行会被忽略 ------>可以利用这个特点来对代码进行格式化
  2. JS中每条语句都应该以分号结尾

JS中具有自动添加分号的机制,所以如果不写分号解释器会自动添加

4、字面量和变量

字面量

  • 字面量其实就是一个值,它所代表的含义就是它字面的意思
    100 "hello" true null .....
  • 在js中所有的字面量都可以直接使用,但是直接使用字面量并不方便

变量

  • 变量可以用“存储”字面量
    量可以随意的修改
  • 通过变量可以对字面量进行描述,并且变量比较方便修改

多行注释:shift + alt + a

变量的使用

声明变量 --> let 变量名 / var 变量

变量赋值 --> a = xx

声明和赋值同时进行 --> let 变量 = 值


<script>
           let x
           x = 80
           x = "哈哈"

           let age
           age = 80
           age = 81
           // console.log(age)
           let a
           let b, c, d

           var e
           var f, g, h

           a = 10
           a = "hello"
           a = true

           let i = 100
           console.log(i)
</script>


5、变量的内存

变量中并不存储任何值,而是存储值的内存地址!


<script>
        let a = '哈哈'
        let b = '哈哈'
    </script>


6、常量

在JS中,使用const声明常量,常量只能赋值一次,重复赋值会报错

在JS中除了常规的常量外,有一些对象类型的数据我们也会声明为常量


<script>
   const PI = 3.1415926
   // PI = 10
   console.log(PI)
</script>


7、标识符

在JS中,所有可以由我们自主命名的内容,都可以认为是一个标识符
像 变量名 函数名 类名...
使用标识符需要遵循如下的命名规范:


1. 标识符只能含有字母、数字、下划线、$,且不能以数字开头
                                    2. 标识符不能是JS中的关键字和保留字,也不建议使用内置的函数或类名作为变量名
                                    3. 命名规范:
                    - 通常会使用驼峰命名法
                        - 首字母小写,每个单词开头大写
                        - maxlength --> maxLength
                        - borderleftwidth --> borderLeftWidth

                    - 类名会使用大驼峰命名法
                        - 首字母大写,每个单词开头大写
                        - maxlength --> MaxLength

                    - 常量的字母会全部大写
                        - MAX_LENGTH
<script>
    let a = 10
    let abc123_$ = 22
    let _abc = 33
    let $bcd = 44 
</script>
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。