Js的基础

简介: Js的基础

js的语法结构

           1、js是区分大小写的

               var username = '张三';

               var userName = '李四';

               document.write(username)

               document.write(userName)

           2、js的标识符和命名规则

               标识符:用来定义变量、常量、函数、类等名称

               命名规则:

  1、标识符可以为字母(采用Unicode编码)、数字、下划线和美元符($),但首字母不能以数字开头

                       例如:

                           var username = '张三';

                           var _userName = '李四';

                           var $userName = '王五';

                           var 姓名 = '马六';

                           var 2username = '李四';【错误】

                 

                   2、不能使用关键字和保留字

                       if/break/continue

                   3、注释方式:

                       //:单行注释

                       /* */:多行注释

                       注意:写程序要加上注释

                       /****

                       * 方法的描述

                       * @param 参数类型  参数名  返回值

                       * ......

                       * @ return 返回类型

                       */


                       例如:

                           /**

                           * 通过用户id来获取用户年龄

                           * @param int id 用户id

                           * @return int

                           */

                           function getAgeById(id){

                               return 20;

                           }

                 

                  4、可选的分号

                       js中每行语句的结束分号结束【分号可以不加】

                       建议:强制在每条语句的结尾加上分号

                       原因:

                           1、代码量比较大时,不填写分号情况下压缩文件会造成错误

                           2、让解析器在判断语句是否结束时会影响性能


                   5、变量的定义

                       定义变量有3种方式:var、let、const(一般来定义常量)

                       区别:

                           1、使用var定义的变量作用域会提升到当前代码块的最顶端,let的作用域仅限于当前代码块

                               console.log(name);

                               var name = '张三';

                               =====

                               var name;


js调试:

           console:控制台,展示打印信息或错误信息

           network:展示所有网络请求

               css/images/js接口

           application:应用  cookie、缓存、数据库


       js的三种输出方式:

           1、在控制台输出

               例如:console.log('Hello World')

           2、在浏览器弹出信息

               例如:alert('Hello World')

           3、在Dom中输出

               例如document.write('Hello World')

       js的两种交互方式:

           corfirm():确定框

               //***如果点击确定按钮就弹出确定,否则弹出不确定***//

               if(confirm('你确定删除信息吗?')){

                   alert('确定')

               }else{

                   alert('不确定')

               }

           prompt():输入框

               接收一个参数

                   var username = prompt('请输入姓名')

                   document.write(username)

               接收两个参数

                   var username = prompt('请输入姓名')

                   var age = prompt('请输入年龄')

                   document.write(username)

                   document.write(age)

     

       js的两种引入方式:

               1、在HTML页面中通过写script标签写js代码

                   <script>

                           var username = prompt('请输入姓名')

                           var age = prompt('请输入年龄')

                           document.write(username+'的年龄为'+age)

                   </script>

               2、通过script标签中的src属性引入外部js文件

                   <script src="index.js">

                         

                   </script>


相关文章
|
Ubuntu Java Python
ROS2通讯中间件安装与使用
本文记录主要ROS2的安装、如何JAVA和PYTHON对ROS2消息的订阅和发布。
|
缓存 移动开发 网络协议
WebSocket 协议原理抓包分析
WebSocket 协议原理抓包分析
1024 0
|
SQL 存储 分布式计算
奇思妙想的SQL|去重Cube计算优化新思路
本文主要分享了作者在蚂蚁集团高管数据链路改造升级过程中,针对去重Cube的优化实践。
1271 48
|
12月前
|
存储 Java
BIO的工作流程
BIO(Blocking I/O)工作流程是指在进行输入输出操作时,线程会一直阻塞直到操作完成。具体流程包括:客户端发起请求,服务器接收后开始处理,期间服务器线程处于等待状态,直至数据准备完毕,响应返回给客户端,线程才继续执行其他任务。
265 5
|
存储 Java 数据库
Java “ClassCastException”解决
Java中的“ClassCastException”是在运行时尝试将对象强制转换为与其实际类型不兼容的类型时引发的异常。解决方法包括:1. 检查类型转换前使用`instanceof`关键字进行类型判断;2. 确保对象的实际类型与目标类型一致;3. 审查代码逻辑,避免不必要的类型转换。
972 4
|
数据采集 机器学习/深度学习 数据可视化
使用决策树对金融贷款数据进行分析
使用决策树对金融贷款数据进行分析
254 2
|
SQL 资源调度 大数据
大数据之hadoop3入门到精通(二)
大数据之hadoop3入门到精通(二)
216 2
|
SQL Oracle 关系型数据库
详解 MySQL 的事务以及隔离级别
详解 MySQL 的事务以及隔离级别
249 0
【Qt】Qt定时器类QTimer
【Qt】Qt定时器类QTimer
395 0
|
调度 数据库
云LIS系统概述
云LIS是结合计算机网络化信息系统,无缝嵌入到云HIS系统中连接各种检验分析仪器的技术和现代化管理,应用于实验室质量控制及管理的信息系统,是云HIS系统的一个重要组成部分。LIS系统与HIS系统结合后,检验科室内可以通过计算机分析各种检验仪器传出的检验数据,生成检验报告后并上传到网络数据库中,临床医生则通过网络方便、快捷地查询病人的检验结果。
389 2