JS一点笔记

作者: 霍晓龙2021强化班 | 来源:发表于2022-05-02 08:20 被阅读0次

    JS学习

    一、JS初体验

    JS有3种书写位置,分别为行内、内嵌和外部。

    1.行内式JS

    <input typem"button" valuem"点我式试" onclick"alert (' Hello world')" />

    可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如: onclick

    注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

    可读性差,在html中编写JS大量代码时,不方便阅读;

    引号易错,引号多层嵌套匹配时,非常容易弄混;

    特殊情况下使用

    2.内嵌JS

    <script>

      alert ( 'Hello world~!');

    </script>

    可以将多行JS代码写到<script>标签中

    内嵌JS是学习时常用的方式

    3.外部JS文件

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

    利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用

    引用外部JS文件的script标签中间不可以写代码

    适合于JS代码量比较大的情况

    二、JS注释

    1. 单行注释

    // 单行注释    快捷键 ctrl + /

    2. 多行注释

    /*

    多行注释

    多行注释          默认快捷键 shift + alt + a

    */

    三、JS输入输出语句

    为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:

    方法说明alert(msg)浏览器弹出警示框console.log(msg)浏览器控制台打印输出信息prompt(info)浏览器弹出输入框,用户可以输入

    四、JS变量

    1.变量概述

    变量是用于存放数据的容器。我们通过变量名获取数据,甚至数据可以修改。

    变量是程序在内存中申请的一块用来存放数据的空间。

    2.变量的使用

    变量在使用时分为两步:

    声明变量

    赋值

    (1). 声明变量

    、/声明变量

    var age; //声明一个名称为age的变量

    var是一个JS关键字,用来声明变量( variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管

    age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间

    (2). 赋值

    age = 10;//给age这个变量赋值为10

    = 用来把右边的值赋给左边的变量空间中 , 此处代表赋值的意思

    变量值是程序员保存到变量空间里的值

    (3). 变量的初始化

    var age = 18;//声明变量同时赋值为18

    声明一个变量并赋值,我们称之为变量的初始化。

    3.变量语法扩展

    (1). 更新变量

    一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

    var age = 18;

    age = 81;//最后的结果就是81因为18被覆盖掉了

    (2). 同时声明多个变量

    同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开。

    var age = 10,name = "zs',sex = 2;

    (3). 声明变量特殊情况

    情况说明结果var age ; console.log(age);只声明不赋值undefinedconsole.log(age)不声明不赋值直接使用报错age = 10; console.log (age);不声明只赋值10

    4.变量命名规范

    由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($ )组成,如:usrAge, num01,_name

    ·严格区分大小写。var app; 和var App; 是两个变量

    不能以数字开头。18age是错误的

    不能是关键字、保留字。例如: var、for、while

    变量名必须有意义。MMD BBD      nl →age

    遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName

    尽量不要直接使用name作为变量名

    相关文章

      网友评论

        本文标题:JS一点笔记

        本文链接:https://www.haomeiwen.com/subject/dummyrtx.html