JS学习第一天

duoduojimuduo

已于 2022-11-23 17:03:57 修改

阅读量173

点赞数

文章标签： javascript 学习 vscode

于 2022-11-23 17:03:50 首次发布

本文链接：https://blog.csdn.net/duoduojimuduo/article/details/128003718

版权

JavaScript:

       是一个编程语言               HTML和CSS叫做标记语言

       是一门前端技术           主要的作用实现网页的动态效果和前端登录注册的校验

       同样JS也是一门脚本语言

   JavaScript的组成：

               JavaScript基础语法 ECMAScript               JS的核心


               DOM 网页的文档对象（HTML和CSS代码）


               BOM 浏览器对象


   JavaScript入门：

       布兰登·艾奇           在1995年利用10天完成JavaScript设计


       网景公司命名为LiveScript，后来与Sun 公司命名为JavaScript


       JavaScript           Java   两者没有半毛钱关系


       JS是一门弱类型语言


   浏览器如何运行JS:

           浏览器由两部分组成：渲染引擎和JS引擎

           渲染引擎：用来解析HTML和CSS的代码的，内核

           JS引擎：也叫做JS解析器，用来解析读取网页中的JavaScript代码                               对于JS代码至关重要


   JS书写位置：

           JS有三种写法       行内、内嵌、外部


       1.行内JS：把JS代码写在html标签中               不推荐使用，只能写一些特别简单的代码




           可读性差，必须有触发条件


       2.内嵌JS：

           把JS代码放在html文件中，不是html标签中

                           可以放在head标签中，也可以放在body标签中





       3.外部JS：

           把js代码提取出来放到js文件中，再去引入到html文件中

                                   script标签在head标签和body标签中写都可以









   JS的注释：

       单行注释：       //   VSCode的快捷键：ctrl+/

       多行注释：       /*内容*/       VSCode默认快捷键：alt+shift+a               可以将注释修改为ctrl+shift+/


   JS的输出语句：


       1.alert(内容)       弹出框或者警告框           如果不点击确定按钮，网页不会往下加载

       2.console.log(内容)           浏览器控制台打印
                               按住键盘的F12进入开发者模式，查看控制台




       3.prompt(内容)       浏览器会弹出一个输入框，用户可以输入                   输入框得到的值永远是一个字符串


       4.confirm(内容)       确定框

       5.document.write(内容)           向网页中输出内容，内容中可以识别html标签                   document.writeln(内容) 内容后面多了一个空格



   JS中的字符串：

       被引号（JS中单引号和双引号都可以）引起来的内容就是字符串


       双引号里面不能在使用双引号，可以用单引号

       单引号里面不能使用单引号，可以使用双引号


   JS中的字符串拼接：       +

           只有是字符串的时候+才表示拼接

JS变量：

       1，什么是变量：存储数据的容器，通过变量名去获取数据，或者改变数据



变量名

                       可以通过变量名去内存中获取变量值


   变量如何使用：

       1.声明变量       声明变量采用一个关键字var


           var 变量名;
                       变量名的命名规范：

                               ① 由数字、字母、下划线、$组成

                               ② 严格区分大小写

                               ③ 不能是JS中的关键字和保留字

                               ④ 命名遵守小驼峰命名法（第一个单词首字母小写，其余单词首字母大写）

       2.赋值

           变量名 = 值；



       简写的形式：边声明边赋值           var 变量名 = 值;


   变量语法的拓展：


       1.变量的修改：

               一个变量在声明并且赋值完毕之后，重新对他进行赋值，变量值以最后一次赋值为准
       2.一次声明多个变量

           var 变量名1 = 值，变量名2 = 值，变量名3 = 值...;

       3.特殊的声明方式：不推荐使用

               声明变量的时候可以省略var关键字

       4.声明变量不进行赋值，直接输出

                               会直接输出unfined

   JS中的常量：

       常量：声明并赋值完一次之后，值不能在改变了

       const 常量名 = 值;

       const不能再去定义一个重名的变量

JS中的数据类型：

           数字型 Number number


           字符串型 String string


           布尔值类型 Boolean boolean


           Undefined


           空值 NULL


   1.数字型 Number：

       ①.八进制表示的数字（0-7），八进制数以0开头                       输出的时候会自动将八进制转换成10进制

       ②.十六进制表示的数字（0-f：0-9，a-f），十六进制以0x开头                           输出的时候自动将十六进制转成10进制

       ③.数字类型取值范围：


           Infinity   无穷大

           -Infinity 无穷小           数字类型中特殊的三个值

           NAN 不是一个数字           NaN属于数字类型，但是它不是一个数字


       ④.如何判断一个值是数字类型的：

                   isNaN():可以判断一个值是否是数字类型的，如果是数字的，返回一个false，如果不是一个数字的返回一个true

                   NaN--- true

   2.字符串型：String

       ①js中单引号和双引号都可以表示成字符串类型                   更推荐使用单引号

       注意：单引号不能嵌套单引号，双引号不能嵌套双引号

       ②转义字符：

           js中转义字符都是以\开头

           \n 换行

           \' 转义单引号

           \" 转义双引号

           \t 缩进（相当于Tab）