初学JS第一天

昨天是初学js的第一天，为什么今天才写，我觉得这样可以帮助我复习昨天的知识，加深对js的理解。

我之前学过java的，昨天转入js的学习,对js略有些体会和大家分享下，js刚入门感觉js相对于java也没有什么难的，声明变量只需要用var就行了，同一变量名能代表不同变量的值之类的。

昨天主要学了js三种导入html的方法、js书写规范、变量的基本使用、变量提升。

***********************************************************************************************正文******************************************************************************************************************************

三种将js导入到html代码中的方法：行内脚本（不推荐）、内嵌脚本、外部脚本。

行内脚本：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>行内脚本</title>
    <!--
        该导入js的方式不推荐
    -->
    </head>
    <body onload="alert=()">
    
    </body>
</html>

内嵌脚本

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>内嵌脚本</title>
        <script type="text/javascript">
            
            alert('我是head脚本');
        </script>
    </head>
    <body>
        <script type="text/javascript">
            alert('我是body脚本');
        </script>
    </body>
</html>

外部脚本

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>外部脚本</title>
        <script type="text/javascript" src="js/new_file.js">
            
         </script>
    </head>
    <body>
    </body>
</html>

alert('我是外部脚本');

二、js书写规范

js的书写规范和java差不多的。

　　　 * js区分大小写
           * 关键字（保留字）若是大小写书写不同，浏览器控制台会报错。
           * var可以声明所有的变量的类型
           * 代码行需要以分号结尾（不是必须的，为了防止系统加错分号，还是加上分号比较好）、
           * 所有的符号必须使用英文下的
           * js可以用注释代码
           * 单行注释:/
           * 多行注释：/**/

三、变量的基本使用

js和java的变量声明赋值使用都是差不多一样的，有些不同的是js的声明变量类型只需要用var，而java需要int、double之类的；js的同一变量名可以赋不同类型的值，而java不可以java的变量具有唯一性。

 //变量声明
            /**
             * 语法：
             *         1、var 变量名；变量名=初始值；
             *             若变量名没有赋初始值时，consol.log(money),会输出undefined(默认值)；
             *         2、var 变量名 =初始值 ；
             * var可以去掉(不推荐)[使用严格模式时，必须要加var]
             */

 变量名命名规范
             *         组成：字母、数字、下划线、$,首字符不可以是数字(和Java命名规范相同)
             *         变量名命名要有意义，方便后期；
             *         不能使用关键字(保留字)
             * 命名方法：
             *         canel：驼峰命名法：首个单词的首字母为小写，其他单词首字母为大写，firstName，
             *         pascal：帕斯卡命名法：每个单词的首字母都是大写，FirstName；

 //变量赋值 /** 
　　　　* 语法：
　　　　　　 * 可以在变量声明时赋值，(var 变量名 =初始值 ；) * js中同一变量名可以赋不同类型的值。 */

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>变量的基本使用</title>
    </head>
    <body>
        <script type="text/javascript">
            
            //变量声明
            /**
             * 语法：
             *         1、var 变量名；变量名=初始值；
             *             若变量名没有赋初始值时，consol.log(money),会输出undefined(默认值)；
             *         2、var 变量名 =初始值 ；
             * var可以去掉(不推荐)[使用严格模式时，必须要加var]
             */
            var money;
            
            /**
             * 变量名命名规范
             *         组成：字母、数字、下划线、$,首字符不可以是数字(和Java命名规范相同)
             *         变量名命名要有意义，方便后期；
             *         不能使用关键字(保留字)
             * 命名方法：
             *         canel：驼峰命名法：首个单词的首字母为小写，其他单词首字母为大写，firstName，
             *         pascal：帕斯卡命名法：每个单词的首字母都是大写，FirstName；
             */
            
            //变量赋值
            /**
             * 语法：
             *         可以在变量声明时赋值，(var 变量名 =初始值 ；)
             *         js中同一变量名可以赋不同类型的值。
             */
            money=10000;
            
            //变量计算
            money=money+money*0.04;
            
            //变量使用
            console.log(money);
            
        </script>
    </body>
</html>

四、变量提升

　　　　变量提升：编译器在编译js脚本时，把所有变量提升到脚本的最上面。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>变量提升</title>
    </head>
    <body>
        <script type="text/javascript">
            /**
             * 当单独运行console.log(s)时程序会报错；
             * 在console.log(s)下面对s进行声明变量并赋初值，再次输出s；
             * 在控制台中，第一次输出s为默认值(undefined)，第二次输出s为：“我只是一个s”；
             * 这样就进行了变量提升。
             * 变量提升：编译器在解释js脚本时，会把所有的变量全部提升到脚本的最上面
             */
            console.log(s);
            var s = '我只是一个s';
            console.log(s);
            /**
             * 变量提升相当于：
             */
            var s;
            console.log(s);
            s = '我只是一个s';
            console.log(s);
            
        </script>
    </body>
</html>

   /**
             * 当单独运行console.log(s)时程序会报错；
             * 在console.log(s)下面对s进行声明变量并赋初值，再次输出s；
             * 在控制台中，第一次输出s为默认值(undefined)，第二次输出s为：“我只是一个s”；
             * 这样就进行了变量提升。
             * 变量提升：编译器在解释js脚本时，会把所有的变量全部提升到脚本的最上面
             */

五、一个便于理解js变量的一个小项目。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>js一个小项目</title>
    </head>
    <body>
        
        <script type="text/javascript">
            
            //<!--js代码执行从上往下执行-->
            
            /*功能实现
             * 向银行存入10000元，利息4%，存储一年算本金和；
             */
            
            //存入10000元
            var money=10000;
            //计算本金和
            money=money+money*0.04;
            //输出结果
            console.log('本金和'+money)
        </script>
    </body>
</html>

猜你喜欢