JS学习笔记(第二天)

前言

今天主要学习了JS的注释与结束符通俗写法,变量,输入输出,以及JavaScript的小知识,欢迎各位一起讨论学习,喜欢的话就关注我吧

注释

单行注释

符号://

作用://右边这一行的代码会被忽略

快捷键:ctrl+/

块注释

符号:/**/

作用:在/*和*/之间的所有内容都会被忽略

快捷键:shift+alt+a

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    //这是单行注释
    /* 这是块注释 
    可以换行
    */
  </script>
</body>
</html>

结束符

作用:使用英文的 ; 代表语句的结束

实际情况:实际开发中,可写可不写,浏览器可以自动推断结束位置

现状:在实际开发中,越来越多人主张,写js代码时忽略结束符,所以为了风格统一,要么统一用结束符,要么都不写

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
   alert('我有结束符');
   alert('我没有结束符')
  </script>
</body>

</html>

输入与输出语法

输出

document.write

翻译:文档.写

作用:向body内输出内容

注意:如果输出内容写的是标签,也会被解析成元素

<body>
  <script>
    document.write('要输出的内容')
  </script>
</body>

alert

翻译:警报

作用:页面弹出警示框

<body>
  <script>
    alert('要输出的内容')
  </script>
</body>

console.log

翻译:操作台.日志

作用:控制台输出语法,程序员调试用

<body>
  <script>
    console.log('1')
  </script>
</body>

输入

prompt

翻译:提示

作用:显示一个对话框,对话框中包含一条文字信息,用来提示用户

展示

<body>
  <script>
    prompt('请输入您的ID:')
  </script>
</body>

变量

介绍:变量是计算机用来储存数据容器

注意:变量不是数据本身,它只是储存的容器

声明语法:let+变量名

注意除了let还有var,let是局部变量,var是全局变量,var的变量提升容易污染代码块,所以现在通常用let

<body>
  <script>
    let A;
//let:允许
  </script>
</body>

赋值语法:变量名=数值

:这种操作也叫变量初始化

<body>
  <script>
    let A;
    A=1
  </script>
</body>

更新变量

更新语法:重新赋值,一个变量只能储存一个数值

<body>
  <script>
    let age
    age=18
    age=19
  </script>
</body>

声明多个变量

语法:用逗号隔开

:为了可读性,并不推荐这么做

<body>
  <script>
    let aa=18,bb='cc'
  </script>
</body>

变量本质

内存:计算机储存数据的地方,相当一个空间

变量:是程序在内存中申请一个储存数据的小空间

命名规则与规范

规则:不能用关键字,只能用下划线,字母,数字,$组成,不能数字开头,字母要严格区分大小写,如:Age和age是完全不同的变量

规范:起名要有意义,遵守小骆驼峰命名法(单词首字母小写,后面每个单词首字母大写,如:userName)

小知识

JavaScript代码执行顺序

1.按html顺序执行JavaScript代码

2.alert和prompt他们会跳过页面渲染先执行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值