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>


相关文章
|
JavaScript
【JS篇】JS基础要件
【JS篇】JS基础要件
60 0
|
4月前
|
JavaScript
js一些基础
js一些基础
23 1
|
XML JavaScript 前端开发
JS的简介和作用还有为什么会产生JS?
JS的简介和作用还有为什么会产生JS?
83 2
|
存储 JavaScript 前端开发
JS——基础(一)
JS——基础(一)
|
存储 JSON JavaScript
JS基础-方法
方法就是把函数放在对象的里面,对象只有两个东西:属性和方法
107 0
|
缓存 JavaScript
JS 开发中遇到的坑
JS 开发中遇到的坑
|
存储 JavaScript 前端开发
JS基础(2)
JS基础(2)
101 0
|
JavaScript 前端开发
JS基础(3)
JS基础(3)
76 0